3.1.8.2. Цвет

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

В табл. 3.3 перечислены свойства элементов, предназначенных для задания цвета.

Таблица 3.3. CSS-свойства для работы с цветами
Свойство	Значение	Описание
color	Цвет	Устанавливает цвет текста
background-color	Цвет transparent	Цвет фона Прозрачный
background-image	URL none	Фоновый рисунок Отсутствует
background-repeat	repeat repeat-x repeat-y no-repeat	Повторяемость фонового рисунка
background-attachment	scroll fixed	Прокручиваемость фона вместе с документом
background-position	Проценты Пикселы top center bottom left right	Начальное положение фонового рисунка

Цвет, используя CSS, можно задавать тремя способами [5]:

1. По его названию. Браузеры поддерживают некоторые цвета по их названию.

2. По шестнадцатеричному значению. Цвет можно устанавливать по его шестнадцатеричному значению, как и в обычном HTML. Также допустимо использовать сокращенную запись, вроде #fc0. Она означает, что каждый символ дублируется, в итоге получим #ffcc00.

3. С помощью RGB. Можно определить цвет, используя значения красной, зеленой и синей составляющей в десятичном исчислении. Значение каждого из трех цветов может принимать значения от 0 до 255. Также можно задавать цвет в процентном отношении

3.1.8.4. Ссылки

Для управления видом различных ссылок в CSS используются псевдоклассы, которые указываются после селектора A через двоеточие. В табл. 3.4 приведены допустимые псевдоклассы и их описания [2, 5].

Таблица 3.4. Псевдоклассы для работы с сылками
Свойство	Описание
A:link	Определяет стиль для обычной непосещенной ссылки.
A:visited	Определяет стиль для посещенной ссылки.
A:active	Определяет стиль для активной ссылки. Активной ссылка становится при нажатии на нее.
A:hover	Определяет стиль для ссылки при наведении на нее мышью.

Обычно использование псевдокласса link имеет тот же эффект, что и применение стиля к селектору A. Поэтому этот псевдокласс можно опустить.

3.1.8.5. Списки

С помощью CSS можно создать маркированные и нумерованные списки, а также использовать в качестве маркера подходящее изображение.

В табл. 3.5 перечислены свойства элементов, предназначенных для создания и изменения списков [2, 5].

Таблица 3.5. CSS-свойства для работы со списками
Свойство	Значение	Описание
list-style	disc circle square decimal lower-roman upper-roman lower-alpha upper-alpha none	Вид маркера. Первые три используются для создания маркированного списка, а остальные – для нумерованного.
list-style-image	none URL	Устанавливает символом маркера любую картинку.
list-style- position	outside inside	Выбор положения маркера относительно блока строк текста.

Поскольку тег <LI> наследует стилевые свойства тега <OL> или <UL>, который выступает в качестве его родителя, то можно устанавливать стиль как для селектора UL, так и для селектора LI.