Подтвердить что ты не робот

CSS reset - Что именно он делает?

Я нашел этот reset.css файл в демонстрационном слайдере jquery image, но он никогда не включался в основной файл index.html. что должно делать, и что еще более важно, где вы его выразили? Вы указываете до любые ссылочные таблицы стилей()?

Вот код внутри reset.css

/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}
html,body {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img { 
    border:0;
}
input{
    border:1px solid #b0b0b0;
    padding:3px 5px 4px;
    color:#979797;
    width:190px;
}
address,caption,cite,code,dfn,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border:0;
}
4b9b3361

Ответ 1

В начале не было стандартизации, как стили работали, каждый браузер реализовал то, что считал правильным. Одна из причин, по которой вы видите так много вопросов об ошибках стиля в IE, заключается в том, что IE был браузером с большинством различий в других браузерах с точки зрения стилизации. Хотя IE улучшился, и поэтому у других браузеров они все еще применяют свои собственные границы, отступы и поля, масштабирование, шрифты для элементов, чтобы придать своим уникальным ощущениям страницы. Например, хром дает свои собственные желтые границы текстовым полям. "reset" фактически "сбрасывает" все эти стили до нуля/нет, так что вы не видите стилей, которые вы не применяли на своей странице.

Если эти стили не являются "reset", вы увидите нежелательные стили/эффекты и все, что может сломаться. Он всегда рекомендовал "reset" стили браузера.

Взгляните на эту статью Должны ли вы Reset ваш CSS?

Ответ 2

reset.css используется для нормализации стилей браузера по умолчанию.

Пример:

enter image description here

Ответ 3

Глядя на ответы здесь, похоже, немного смешано между "reset" и "normalize". Их цели несколько отличаются.

CSS reset - это набор стилей, которые вы загружаете до ваших других стилей, чтобы удалить встроенные стили браузера. Одним из первых и самых популярных был Eric Mayer Reset CSS.

Другим вариантом является согласование встроенных стилей браузера. Наиболее популярным инструментом для этого является Normalize.css.

Ответ 4

Браузер имеет разные "встроенные" стили, которые они применяют к различным html-элементам. Эти стилизованные определения могут варьироваться в зависимости от разных браузеров. Нормализованные файлы css предназначены для "нормализации" рендеринга страницы в браузерах путем сброса этих стилей, специфичных для браузера.

Вы должны включить его до в свои собственные определения стиля. В противном случае эти стили могли бы переопределить (из-за каскадного характера css) ваши объявления тоже, что не имеет большого смысла;)

Самые популярные стили reset, вероятно, Эрик Мейер, который поставляется вместе с небольшой справочной информацией..

Ответ 5

В каждом браузере есть свой собственный стиль стилей по умолчанию user agent, который он использует, чтобы сделать неустановленные веб-сайты более четкими. Например, большинство браузеров по умолчанию делают ссылки синими и посещают ссылки фиолетовыми, дают таблицы определенное количество границ и отступов, применяют переменную font-size до H1, H2, H3 и т.д. И определенное количество заполнение до почти всего.

Вы когда-нибудь задавались вопросом, почему кнопки Submit выглядят по-разному в каждом браузере?

Очевидно, это создает определенное количество головных болей для авторов CSS, которые не могут решить, как сделать их сайты одинаковыми в каждом браузере.

Используя CSS Reset, авторы CSS могут заставить каждый браузер иметь все свои стили reset до нуля, тем самым избегая различий между браузерами как можно больше.

Из согласованной базы, которую вы установили через ваш Reset, вы можете продолжить переписывать документ, сохраняя при этом уверенность в том, что различия в браузерах в их стандартном представлении HTML не могут касаться вас!

Надеюсь, это помогло, вы можете взглянуть на эту статью, Какой CSS reset Должен ли я использовать?.

Ответ 6

CSS Reset (или "Reset CSS" ) - это короткий, часто сжатый (уменьшенный) набор правил CSS, который сбрасывает стиль всех элементов HTML на согласованная базовая линия.

Если вы не знали, каждый браузер имеет свой собственный пользователь по умолчанию таблица стилей агента, которую он использует, чтобы сделать незакрепленные веб-сайты больше разборчивый. Например, большинство браузеров по умолчанию делают ссылки синими и посещенные ссылки фиолетовые, дают столы определенное количество границ и padding, применяйте переменные размер шрифта к H1, H2, H3 и т.д. и определенные количество отступов почти на все. Вы когда-нибудь задавались вопросом, почему Submit кнопки выглядят по-разному в каждом браузере?

Очевидно, это создает определенное количество головных болей для авторов CSS, которые не могут решить, как сделать свои сайты одинаковыми в каждом браузер.

Используя CSS Reset, авторы CSS могут заставить каждый браузер иметь все свои стилей Reset до нуля, что позволяет избежать различий между браузерами насколько возможно

отсылайте http://www.cssreset.com/what-is-a-css-reset/

Ответ 7

Браузеры могут отображать HTML и CSS в соответствии с его собственным механизмом рендеринга. Различные браузеры могут использовать разные подходы рендеринга [IE;), если вы знаете, что я имею в виду], поэтому intension из reset.css - установить все атрибуты в общие предопределенные значения, чтобы разработчики/дизайнеры может забыть механизм рендеринга и начать разработку с нуля.