Об источниках CSS


Вы хотите знать все варианты связывания правила CSS с документом.
Вы можете применять стили в документе следующими способами:
♦ с помощью собственной внутренней таблицы стилей Web-обозревателя или пользовательского агента;
♦ с помощью таблицы стилей пользователя (если он ее создал);
♦ с помощью вашей (авторской) таблицы стилей, которая может быть:
• встроенной таблицей стилей;
• внедренной или внутренней таблицей стилей;
• импортированной таблицей стилей;
• связанной или внешней таблицей стилей.

Чем выше в приведенном списке находится источник происхождения правил CSS, тем шире область действия у этих правил по сравнению с другими, порожденными другими источниками. Знание этого списка полезно при поиске и устранении возможных проблем, возникающих в ваших Web-проектах.
Порядок сортировки правил в CSS

Вы хотите знать, в каком порядке Web-обозреватель применяет правила CSS.
Основное практическое правило гласит: "Ближайшее к контенту правило CSS побеждает" любое другое правило CSS.
При наличии множества способов связывания CSS с Web-документом у обозревателя должна быть возможность разрешения потенциальных конфликтов в случае появления одних и тех же или похожих правил из разных источников.
Для разрешения конфликтов в ваших правилах CSS следуйте приведенным далее рекомендациям:
♦ собственные пользовательские стили обладают более высоким приоритетом по сравнению со стилями Web-обозревателя;
♦ у авторских (ваших) стилей более высокий приоритет, чем у пользовательских стилей;
♦ внутренние стили имеют более высокий приоритет по сравнению с внешними или импортированными;
♦ встроенные стили обладают более высоким приоритетом, чем внутренние, внешние или импортированные.
Например, у нас есть набор абзацев, для которых задан шрифт sans-serif, как показано на рис. 2.27.
р {
font-family: "Gill Sans", Trebuchet, Calibri, sans-serif;
}
Но если мы введем еще одно правило для стилевого оформления абзацев шрифтом serif и поместим это новое правило перед предыдущим, как показано в приведенном далее коде, абзацы останутся неизменными:
Р {
font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; }
P {
font-family: "Gill Sans", Trebuchet, Calibri, sans-serif;
}

Применение Umportant для переопределения отдельных правил CSS

Вы хотите сделать отдельные правила CSS важнее остальных.
Для переопределения отдельного правила CSS примените объявление ! important: р {
font-size: 12рх Important;
}

В некоторых Web-обозревателях у пользователя может быть таблица стилей, применяемая для просмотра Web и позволяющая задавать размеры шрифта и другие свойства CSS в соответствии со вкусами пользователя.
Но как разработчик Web-документа, вы, возможно, хотите быть уверены в том, что ваши проекты отображаются так, как вы планировали. Правило important дает вам (очень) слабую уверенность в том, что ваши проекты останутся нетронутыми.
 



Правельные рецепты CSS