CSS — каскадные таблицы стилей

Это технология оформления веб-страниц, элемент концепции DHTML. Таблицы (точнее — списки) CSS служат для оформления преимущественно HTML- и XHTML-документов, но иногда используются и для других документов, структурированных с помощью XML (например, в браузере «Mozilla» для оформления элементов графического интерфейса, XUL).

CSS используется создателями и посетителями веб-страниц для задания цветов, шрифтов, расположения и других аспектов представления документа. Основное назначение, для которого технология CSS была разработана, это разделение содержимого (написанного на HTML или другом языке разметки) и представления документа (написанного на CSS). Это разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печать, чтение голосом (специальным голосовым браузером или программой чтения с экрана), или при выводе устройствами, использующими Шрифт Брайля.

Таблица стилей может быть написана не только на языке CSS, но и на каком-либо другом языке, например XSL. Для установки языка таблицы стилей по умолчанию используется элемент META. Этот элемент задаёт различного рода служебную информацию и располагается в секции HEAD. Атрибут элемента META content показывает с помощью какого языка будет написана таблица стилей.

CSS при отображении страницы может быть взята из различных источников:

• Авторские стили (информация стилей, предоставляемая автором страницы) в виде:
• внешних таблиц стилей, то есть отдельного файла.css, на который делается ссылка в документе;
• встроенных стилей — блоков CSS внутри самого HTML документа;
• inline-стилей, когда в HTML-документе информация стиля для одного элемента указывается в его атрибуте style;
• Пользовательские стили
• локальный CSS-файл, указанный пользователем в настройках браузера, переопределяющий авторские стили, и применяемый ко всем документам.
• Стиль браузера
• cтандартный стиль, используемый браузером по умолчанию для представления элементов.

Стандарт CSS определяет приоритеты, в порядке которых применяются правила стилей, если для какого-то элемента подходят несколько правил одновременно. Это называется «каскадом», в котором для правил рассчитываются приоритеты или «веса», что делает результаты предсказуемыми.

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

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

Таким образом, наименее приоритетна — таблица стилей браузера, затем идёт таблица стилей пользователя, и самой приоритетной является таблица стилей, созданная разработчиком.

Этот порядок можно изменить, указав директиву!important, для какого-то отдельного правила, тогда правило с такой директивой становится более приоритетным, например, в таблице стилей пользователя написано:

p{ 

color: blue!important;  

},   

а в таблице разработчика указано:

p{ 

color: red  

},   

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

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

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

Дата добавления: 2015-11-14