Введение и лучший метод обработки стиля по умолчанию браузера

Недавно я настраивал формат веб -страницы, чтобы обнаружить, что в нижней части веб -страницы всегда есть пространство около 10 пикселей.

Установлено, что есть маржа-боттон: 1ем;

Я обнаружил, что эта таблица стилей пользователя является некоторым стилем по умолчанию. Самое простое решение, которое будет недовольна этим стилем по умолчанию, - это перепроектировать атрибуты этого стиля, потому что приоритет в стиле пользователя очень низкий и будет покрыт. Маржинальный бат установлен на 0PX.

Различные браузеры не соответствуют стилю по умолчанию того же элемента, поэтому мы должны писать в начале CSS* {Padding: 0;

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

Поэтому, когда мы генерируем правила стиля CSS, обязательным шагом является перепроектирование стиля браузера по умолчанию, то есть стиля браузера по умолчанию. В отличие от использования* {Padding: 0;

Например, следующий абзац:

Шрифт, используемый в этом коде, в интернет -проводнике - это время новой римской, а шрифт системы по умолчанию используется в Firefox и Opera. Поэтому мы должны установить унифицированный стиль для <H1> в CSS.

Однако, если мы используем стиль - -лучшего, если мы используем* {Padding: 0; и т. д. Некоторые браузеры будут игнорировать их перепроектирование, и, что более важно, это серьезно повредит появлению этих элементов, поэтому вы должны вручную установить значение для них закладку и маржу для них один за другим. Поэтому мы должны отказаться от простого использования*, но воспроизвести первый элемент с существующими несоответствиями, такими как тело, Div, DL, DT, DD, UL, OL, LI, H2, H3, H4, H5, H5, H5, H6 , Pre и т. Д.

В то же время стиль по умолчанию элемента может уничтожить внешний вид страницы. Например, элементы <b> будут сгущать текст, <Blockquote> будет отступать в большом разделе, <em> наклонит текст и т. Д. Если вы хотите попросить появление текста страницы. В то же время, иногда нам требуется появление этих элементов в качестве родительского элемента, и мы можем напрямую использовать наследу, чтобы наследовать от родительского элемента.

Что касается того, какие элементы должны быть повторно? Yahoo! сделал для нас резюме. Согласно предложению Yahoo, вам необходимо поместить эти правила в файл с названием Reset.css (рекомендуйте этот метод):

 html {color: #000; , Td {margin: 0; , Var {font-style: нормальный; размер шрифта: 100%;

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

Приведенное выше содержимое этой статьи.