Обычно стиль страницы, которую видят пользователи, управляется тремя уровнями: первый уровень — это стиль браузера по умолчанию, второй уровень — стиль, определяемый веб-страницей, и третий уровень — стиль, определяемый пользователем. Как и CSS, более поздние имеют более высокий приоритет, чем более ранние. Это означает, что стили, определенные на веб-странице, могут переопределять стили браузера по умолчанию, а стили, определенные пользователем, имеют наивысший приоритет. Реальная ситуация такова, что, хотя браузеры более или менее предоставляют функцию пользовательских стилей, очень немногие пользователи будут ее настраивать, и, как правило, это опытные пользователи. Стили браузеров по умолчанию часто имеют разные настройки в разных браузерах, разных языковых версиях и даже разных версиях системы. Это приводит к тому, что страницы, которые непосредственно используют стиль по умолчанию, отображаются очень непоследовательно в разных браузерах, поэтому возникает проблема, аналогичная . Сброс YUI используется для попытки переписать настройки браузера по умолчанию, чтобы обеспечить согласованность стилей каждого браузера.
Возьмем, к примеру, шрифты. Тип шрифта по умолчанию, размер шрифта и высота строки шрифта в каждом браузере различны. Например, когда китайская версия IE8 отображает веб-страницы под Windows XP, шрифтом по умолчанию является Song Dynasty, но это, безусловно, так. это не относится к английской версии. Поэтому нам необходимо единообразно установить стиль шрифта по умолчанию, чтобы добиться единообразных эффектов отображения, обеспечить согласованность дизайна и повысить эффективность разработки.
В будущем приготовьтесь использовать следующий стиль шрифта по умолчанию:
body{ font: 12px/1.5 arial; }Большинство символов контента на наших страницах написаны на китайском языке. Нет сомнений в том, что наиболее часто используемый и наиболее распространенный шрифт для отображения китайского языка на веб-страницах — это Song Dynasty, но Song Dynasty слишком плохо отображает английский язык, цифры и английские символы . например, символ ©, поэтому мы обычно ожидаем, что они будут отображаться с использованием лучших стилей шрифта с помощью CSS, а затем использовать династию Сун для отображения китайских и китайских символов. Причина, по которой я выбрал Arial, заключается в следующем:
tahoma и helvetica повезло меньше.font: 12px/1 Tahoma, Helvetica, Arial, "5b8b4f53", sans-serif;
Это очень хороший выбор, но вы также обнаружите , что новые версии Google, YAHOO, Youtube, Bing и даже MSN используют arial в качестве первого шрифта по умолчанию. Так что arial должен быть вполне приемлемым с точки зрения красоты и читабельности.font-family:arial,sans-serif; но, по крайней мере, в некитайской версии. Win7, когда кодировка GBK, IE8 будет отображать шрифт Song из- sans-serif , вызывая деформацию шрифта. Вот почему Taobao необходимо добавить шрифт Song перед sans-serif но Google не нужно это делать.font-family:arial; который может проиллюстрировать безопасность этого метода. Некоторые люди, возможно, заметили, что китайский шрифт по умолчанию, отображаемый в Firefox China, — это Microsoft Yahei. Это связано с тем, что Mouzhi Network изменила пользовательский стиль без авторизации и не позволяет стилю веб-страницы переопределять стиль, установленный браузером. . Также из-за подобных ситуаций для нас очень важно гибко проектировать веб-страницы. Одной из проблем, вызванных использованием английских шрифтов в качестве первого шрифта по умолчанию, является проблема выравнивания при смешивании китайского, английского и символов . Большинство ситуаций можно решить, установив высоту строки и hasLayout, но если вы измените их, это не будет идеальным. Изменение шрифта на «Song Ti» может полностью решить проблему. Судя по всему, эта проблема возникает только в IE. Поэтому, если на вашем сайте редко используются английский язык, цифры и английские символы, то прямая установка {font-family:5b8b4f53;} также является разумным выбором.
font:13px/1.231 arial,helvetica,clean,sans-serif; то есть размер шрифта по умолчанию — 13 пикселей, высота строки — 13 * 1,231 = 16,003 пикселей, а высота строки по умолчанию — 1,231 раза; шрифт по умолчанию. Для китайского языка обычно используются размеры шрифта 12 пикселей, 14 пикселей, 16 пикселей, 18 пикселей и другие четные размеры. Установка четного значения высоты строки в IE6 и IE7 может решить проблему выравнивания шрифта в некоторых особых случаях.line-height будьте осторожны и не используйте единицы измерения (включая %) , поскольку дочерние узлы унаследуют вычисленное значение line-height, поэтому при использовании единиц измерения браузер будет вычислять line-height как первое определенное значение. Значение не меняется при изменении размера шрифта, а безразмерное значение кратно font-size контейнера, поэтому лучшим выбором является установка безразмерного значения.line-height и его стоит прочитать.arial позволяющий сократить время поиска в браузере.arial — это шрифт с самым коротким именем, который позволяет сохранить размер CSS.{font-family:5b8b4f53;} , а при использовании Microsoft Yahei — {font-family:5fae8f6f96c59ed1;} Преимущество этого метода заключается в том, что он позволяет избежать проблем с кодированием и может поддерживаться всеми основными браузерами одновременно.