Словарь терминов

CSS

CSS — английская аббревиатура, которая расшифровывается как Cascading Style Sheets, что означает каскадные таблицы стилей. CSS — это формальный язык, описывающий внешность документа, который написан с помощью языка разметки.

Применение

Чаще всего CSS используется для описания, оформления внешнего вида веб-страниц, которые созданы на языках HTML и xHTML, также может быть применим к любым xml-документам.

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

Основывается применение CSS к документам HTML основывается на способе наследования и каскадирования. Способ наследования заключается в наследовании свойств CSS, которые являются элементами-предками, затем элементами-потомками. Однако не все свойства у CSS наследуются.

Способ каскадирования используется, когда какому-нибудь элементу HTML поставлено более чем одно правила CSS, тогда происходит конфликт значений данных правил. Для разрешения конфликта вводятся определенные правила приоритета.

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

Есть несколько способов прикрепления CSS к документу:

1. таблица расположена в обособленном файле, она подключается к веб-документу с помощью тега <link>;
2. таблица стилей также расположена в отдельном файле, она подключается к документу с помощью директивы @import;
3. таблица стилей описана непосредственно в документе, она чаще располагается между тегами <style> и </style>;
4. также таблица может располагаться в теле отдельного тега.

Первые два случая обычно называют внешние таблицы стилей, другие два — внутренние таблицы стилей.

Правила построения CSS

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

Преимущества CSS

До того как появился CSS, внешнее оформление страниц происходило с помощью HTML внутри документа. Однако это было неудобно. Ведь если требовалось сменить оформление, то нужно было менять весь документ целиком.

Преимущества CSS:

1. возможность создания нескольких вариантов оформления для разных устройств;
2. возможность уменьшения времени загрузки веб-страниц;
3. простота изменения дизайна, если в этом есть необходимость;
4. дополнительные возможности оформления.