OSS Group OSS Group
>  Карта
>  Поиск
>  Контакты
>  OSS Group  ::  Admin  ::  Формат CSS
  
РегистрацияЗабыли пароль?

↓  Быстрый поиск по Wiki


Режим поиска:   И   ИЛИ

↓  Доступные Wiki

↓  Навигация по сайту

[]

↓  Последняя новость

Загрузка...

↓  На эту страницу ссылаются:

Get Firefox!
[~]

Формат 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

  • Абсолютные: [+-]<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   Оглавление  Карта раздела  Изменения за сутки  Изменения за неделю  Изменения за месяц



Valid XHTML 1.0 Transitional  Valid CSS!  [Valid RSS]