OSS Group

Авторизация

Навигация

Формат CSS

Достаточно подробное описание 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
• Свойства текста в CSS
• Свойства цвета и фона в CSS
• Свойства относительного расположения элементов в CSS
• Свойства элементов в 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

Wiki::Admin   Карта раздела  Оглавление  Изменения за сутки  Изменения за неделю  Изменения за месяц

• CSS