Стиль определяет особенность форматирования и отображения элементов веб-страниц. Стили HTML-, XHTML- и XML-документов задаются с помощью каскадных листов стилей (CSS).
CSS позволяют:
1. Создать файл, содержащий листы стилей и ссылаться на него из всех HTML-документов.
2. Осуществить контроль над шрифтами, цветом фона и другими характеристиками, влияющими на отображение документа.
3. Быстро и легко изменять внешний вид страницы.
4. Уменьшить время загрузки документов.
Синтаксис CSS
Каскадные листы стилей состоят из правил, отображающих особенности отображения элементов web-страниц. Правило состоит из двух частей: селектора и декларации. Селектор определяет элемент, на который воздействует правило. Декларация содержит инструкции о том, как должен быть обработан элемент, свойство и значение. Правило записывается следующим образом: Селектор {свойство: значение}.
Селектор можно рассматривать как обозначение дескриптора, к которому применяется правило, а свойство – как атрибут, который необходимо изменить. Свойство и его значение помещаются в фигурные скобки и разделяются двоеточчием.
|
|
Формат записи стилевых правил CSS похож на табличное представление данных. Заголовок таблицы напоминает описание элемента, класса или идентификатора стиля, в качестве ячеек и рядов таблицы выступают свойства и значения стилей.
В листинге 2.5 приведен пример записи CSS.
Листинг 2.5 Формат записи стилевых правил CSS.
A.menu:link
{
COLOR: #c2ala0;
FONT-FAMILY: Arial;
FONT-SIZE: 14px;
FONT-WEIGHT: bold;
TEXT-DECORATION: none
}
При использовании стилей в коде необходимо включить в заголовок документа МЕТА-определение: <META http-equiv=Content- Style-Type content=”text/css”>
Стили предоставляют разработчику максимальный уровень контроля над особенностями отображения веб-страниц /5/.