Источники стилей

Есть несколько источников стилей. Во-первых, нетрудно предположить, что у браузеров существует собственная таблица стилей, то есть таблица стилей по молчанию, спрятанная внутри и автоматически применяющая определенный стиль к некоторым тегам при отсутствии авторской таблиц стилей. Например, текст внутри тега h1 отображается крупным и жирным шрифтом, теги em выделяются курсивом, к спискам добавляются маркеры.

Если на вашем компьютере установлен браузер Firefox, поищите файл html.css, содержащий стили по умолчанию. Вы можете даже изменить его при желании.

Кроме того, имеются пользовательские таблицы стилей. Пользователь сам может создать таблицу стилей, автоматически применяемую ко всем просматриваемым страницам. Это довольно удобно, например, для лиц с ослабленным зрением, так как они могут увеличить базовый размер шрифта для всех сайтов или изменить цветовую гамму, сделав ее более контрастной. Добавить пользовательскую таблицу стилей в браузер Internet Explorer можно, выбрав в главном меню браузера Tools -> Internet options... (Сервис -> Свойства обозревателя...) и щелкнув кнопку Accessibility (Оформление). Затем можно указать файл с пользовательскими таблицами стилей. Например, добавить такое правило:

body {font-size;200%}

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

И не будем забывать про авторскую таблицу стилей, созданную Web-дизайнером. Мы уже обсудили способы ее добавления - с помощью ссылки, вложения - начале страницы и линейного добавления стилей непосредственно к нужным тегам.

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

• таблица стилей браузера по умолчанию;
• пользовательская таблица стилей;
• авторская таблица стилей;
• авторские вложенные стили;
• авторские строчные стили.

Это общие принципы каскадов, но на самом деле есть определенные правила, которые контролируют каскад.




Rambler's Top100