Использование каскадных таблиц стилей
CSS – Cascading Style Sheets
CSS представляет собой язык, с помощью которого описывается внешний вид документа, созданного с помощью HTML или XHTML. Расшифровывается эта аббревиатура как Cascading Style Sheet, что в переводе на русский означает «каскадные таблицы стилей». Само это понятие было впервые предложено еще в 1994 году, и основной смысл его состоит в том, чтобы разделить содержание и представление web-документа. Структура CSS, выделяется в отдельный блок и может быть применена как ко всему документу, так и к какой-либо его части. При этом сам блок может, как включаться в компоновку самого документа, так и быть отдельным от него. Во втором случае он представляет собой текстовый файл с расширением «*.css».
Первая версия CSS (CSS1) вышла в свет в 1996 году, однако она имела целый ряд существенных недостатков. Поэтому Консорциум Всемирной паутины (W3C) в 1997 году создал специальную рабочую группу, результатом деятельности которой стало появление годом спустя CSS2, которые действует до сих пор. Сейчас ведется разработка CSS3, причем ее авторы обещают создать поистине революционный продукт.
Разработчиками CSS была реализована концепция наследования от родителя к потомку, благодаря чему появилась возможность определять те или иные стили на основании элементов созданных ранее. Это значительно ускоряет и упрощает создание готового документа и предоставляет большую свободу действий при быстрой его модификации в соответствии с изменившимися требованиями. Кроме того, с помощью CSS можно сделать так, чтобы один и тот же документ имел различные стили в зависимости от конкретного метода его вывода (экранного, печатного представления или же вывода голосом).
Таблицы стилей могут быть подключены четырьмя различными способами, из которых три предполагают их применение ко всему документу целиком, а один – к какой-либо его части. В них задаются такие параметры, как, к примеру, шрифты, цвет, расположение отдельных блоков документа и т. п. Все правила CSS, содержащиеся в таблицах, состоят из двух основных частей: селектора и блока объявлений. Селектор, определяющий, к какой именно части документа применяется правило, находится в левой его части, а блок объявлений – в правой. При этом если одно правило содержит несколько объявлений, то они разделяются между собой точкой с запятой. Каждое объявление в свою очередь также состоит из двух частей – свойства и значения.
Все селекторы CSS разделены на несколько видов: селекторы элементов, селекторы идентификаторов, селекторы атрибутов, селекторы потомков, селекторы дочерних элементов, селекторы сестринских элементов, селекторы псевдоклассов и селекторы псевдоэлементов. Кроме того, имеется также универсальный селектор, которым можно обозначать любой содержащийся в документе элемент.
Элементам HTML могут присваиваться идентификаторы «id» или классы «class». Различие между ними состоит в том, что идентификатор допускается соотносить только с одним элементом, а класс – с несколькими. Существуют также и так называемые «псевдоклассы», с помощью которых описывается вид гиперссылок в документе. Что касается псевдоэлементов, то их в CSS четыре: первая строка, первая буква, применение специальных стилей до и после элемента.
Наследование в CSS заключается в том, что свойства, которые объявлены в предках, наследуются потомками, однако не все (имеется определенное количество исключений из этого правила). Если в HTML какому-либо элементу поставлено в соответствие несколько правил CSS, то используются каскадирование и правила приоритета, среди которых наиболее высокий имеет стиль, заданный автором страницы, а самый низкий – стиль браузера.