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

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

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

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

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

Отличия классов и идентификаторов

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

Класс может быть задан неограниченному количеству элементов. Также отличие в том, что допускается единовременное использование нескольких классов для одного элемента (несколькок селекторов, разделённых пробелами).

Разделение гипертекстовой разметки и каскадных таблиц стилей позволило увеличить скорость загрузки документа, существенно улучшить читаемость исходного кода, определив такой подход к семантической вёрстке "хорошим тоном".

Каскадными таблицы стилей принято называть из-за особенностей применения CSS по отношению к HTML-документам, основанном на принципах наследования и каскадирования.

• Наследование заключается в том, что свойства CSS, объявленные для элементов-предков, передаются элементам-потомкам. Естественно, не все CSS-свойства наследуются. Если для параграфа "p" средствами CSS задан цвет шрифта (например, color:green;), то это свойство будет унаследовано каждым элементом-тегом, находящимся внутри параграфа до тех пор, пока этому тегу не будет назначен свой цвет шрифта. Который, в свою очередь, будет теперь наследоваться всеми вложенными в него подэлементами, не распространяясь на элементы-соседи тега.
• Каскадирование применяется к элементу разметки, которому одновременно поставлено в соответствие более одного правила CSS, то есть, когда происходит конфликт значений этих правил. Чтобы разрешить такие конфликты, вводятся правила приоритета.

История развития CSS ведёт свой отчёт с 1996 года. За период своего существования было выпущено три поколения спецификаций. На момент написания этого материала (2017) актуальным стандартом является именно CCS3. Его поддерживают все современные браузеры, работающие на движках Gecko (Mozilla Firefox) и WebKit (Safari, Google Chrome, Opera). Четвёртое поколение активно разрабатывается с 2011 года.

Вернуться на предыдущую страницу

---

---