Достаточно подробное описание CSS дано в книге "XML. Справочник", Эллиот Расти Гарольд, У. Скотт Минс, "Символ", СПб., 2002 г. ISBN 5-93286-025-1
Для HTML как подможества XML CSS применяется, но с рядом оговорок и странностей внешнего вида описаний.
Объявление CSS в документах HTML
CSS бывают трёх типов:
- Внутренние (Inline) таблицы стилей - встраиваются в описание элементов разметки в виде
<font style="color:blue;font-size:12pt;font-family:Arial">Hello World</font>
. Больших преимуществ перед традиционным задание форматирования не имеют.
- Глобальне (Global) таблицы стилей - описываются отдельно от тегов в отдельной секции документа style - между секциями head и body.
- Связанные (Linked) таблицы стилей - таблицы стилей, размещённые в отдельном файле и подключающиеся директивой
<link rel="stylesheet" type="text/css" href="styles.css">
. Возможно подключение альтернативных таблиц стилей директивами вида <link rel="alternate stylesheet" title="alt style" type="text/css" href="alt_style.css">
. Поддержка переключения между альтернативными таблица стилей - на совести браузера.
Объявление CSS в документах XML
В XML применяются _только_ связанные таблицы стилей, объявляемые как
<?xml-stylesheet type="text/css" href="sample.css"?>
. Допустимые псевдоатрибуты: type - обязательный, "text/css"; href - обязательный; charset; title - наименование таблицы, media - тип носителя, для которого применяется таблица, alternate - "yes/no", по умолчанию "no" - таблица стилей, применяемая по-умолчанию.
Допустимые типы media:
- screen
- tty
- tv
- projection
- hanheld
- print
- braile
- aural
- all
Внешний вид элементов CSS
Селекторы CSS
Определяют, какой стиль применяется к конкретному элементу HTML. Применяются в виде <p class="class" id="id"></p>
Селекторы бывают:
- Обычными. Применяются для элементов во всём документе. Объявляются как [<tag>].class. Пример объявления:
H1 {color:red;size:20pt;}
- Контекстуальные селекторы. Применяются для элементов с указанием их контекстного порядка. Пример:
P EM {color:silver;}
(применяется к выделению внутри параграфов).
- Селекторы классов (Class Selectors): объявляются как
H1.blue {color:blue;size:20pt;}
. Могут быть также объявлены без привязки к конкретному элементу разметки: .blue {color:blue;size:20pt;}
.
- Селекторы ID (ID Selectors) - индивидуальные именованные стили. Предназначены для создания исключений среди стилей одного класса. Объявляется как [<tag>]#id. Имеют приоритет перед селекторами классов.
При объявлении стилей для ряда тегов они перечисляются через запятую.
Псевдоклассы CSS
Определяют форматирование смысловых частей ряда тегов. К псевдоклассам относятся:
- Для ссылок:
- a:link - обычная ссылка
- a:active - ссылка в момент нажатия
- a:visited - посещённая ссылка
- a:hover - при поднесении курсора (для IE?)
- Для элементов уровня блоков (p, h1, др.):
- :first-line - стиль первой строки блока текста
- :first-letter - стиль первой буквы блока текста
Допустимые свойства в CSS:
Единицы длины в CSS
- Абсолютные:
[+-]<length><unit>
. Допустимые единицы измерения:
- em - высота используемого шрифта
- ex - ширина 'x' используемого шрифта
- px - пикселы
- in - дюймы
- cm - сантиметры
- mm - миллиметры
- pt - точки, 1/72 дюйма
- pc - пики, 12pt
- Относительные:
[+-]<length>%
Цвета в CSS
Задаются:
названием цвета (black,white,blue, т.п.)
#rrggbb
, код цвета - шестнадцатизначное число
rbg(r,g,b)
, 0<=(r,g,b)<=255
#rgb
rgb(r%,g%,b%)
- цвет в процентном выражении.
Дата создания: 2006-06-28 08:16:28 (Фетисов Н. А. (naf))
Последнее изменение: 2006-06-28 08:16:28 (Фетисов Н. А. (naf))
Владелец: Фетисов Н. А. (naf)
Версия: 1