Способы подключения каскадных таблиц стилей к HTML-документам.

1. Внедрение - задание таблицы стилей в заголовке HTML-документа.
   
   <STYLE type="text/css">
   ...список CSS-правил...
   ...список CSS-правил...
   </STYLE>
2. Присоединение - таблица стилей находится во внешнем файле, присоеденяется к HTML-документу с помощью элемента LINK.
   
   <LINK rel="stylesheet" type="text/css" href="include.css">
3. Импортирование - файл с таблицей стилей импортируется с сервера.
   
   <STYLE type="text/css">
   @import URL(www.server/include)
   ...список CSS-правил...
   </STYLE>
4. Поэлементное задание стиля. Для всех HTML-элементов определён атрибут STYLE, в котором с помощью CSS-правил определяются параметры элемента.

Эй-ти правила:

1. @import - импортирует в документ внешние таблицы стилей;
2. @media - задаются каскадные таблицы стилей для конкретных устройств вывода:
• all - все типы устройств (используется по умолчанию);
• print - таблица стилей будет применена к документу при печати;
• screen - цветной экран монитора;
• tv - телевизор. Для него характерны: цветное изображение, низкое разрешение, передача звука;
• aural - синтезатор речи;
• braille, embossed - устпойства вывода использующие азбуку Бройля;
3. @font-face - позволяет разработчику использовать свои шрифты.
   @font-face {font-family:my font; src: url(http://my_font)}

Синтаксис

• Все обычные правила состоят из двух частей: селектора и блока определений;
• Между фигуными скобками блока определений располагаются объявления;
• Между названием, двоеточием и значением объявления может находиться любое количество пробелов;
• Несколько объявлений для одного селектора могут быть объеденены в группы, отделяясь друг от друга точкой с запятой;
• Для IE - если свойство в правиле задано неверно, то игноруруется только это свойство, а не всё правило. Для NC4.74 и ниже игнорируется всё правило.

Селектор класса.

используя селектор класса можно обратиться к группе разнородных элементов одного класса (класс устанавливается идентификатором class):
Элемент.класс {определение}
Обратиться ко всему классу можно использовав запись:
.класс {определение}

Селектор имён.

используя селектор имён можно обратиться непосредственно к конкретному элементу:
Элемент#имя {определение}
Обратиться ко всем одноимённым элементам можно использовав запись:
#имя {определение}

Селектор контекстного окружения.

используя селектор контекстного окружения можно обратиться к потомку родительского элемента любого уровня. При этом указывается через пробел селектор родительского элемента и селектор потомка:
Родитель потомок {определение}
Допустим многократный переход родитель-потомок.
Чтобы обратиться ко всем элементам name2, являющими потомками второго уровня элемента name1, используется запись:
name1 * name2 {определение}
При этом символ "*" с обеих сторон выделен пробелами. Язык CSS позволяет обращаться к определённым элементам, учитывая их соседство с другими элементами. Элементу name2 можно задать параметры, если он следует за элементом name1, используя запись:
name1 + name2 {определение}
Знак "+" с обеих сторон выделен пробелами.

Псевдоклассы.

Общий вид обращения к псевдоклассу:
селектор: псевдокласс {определение}
Псевдоклассы ссылок:

• visited - посещённая ссылка;
• link - не посещённая ссылка;
• active - активная ссылка;
• hover - ссылка, над которой находится курсор мыши.

Еденицы измерения длины.

Допустимо использование двух типов длины:относительное задание и обсолютное.
Относительные еденицы:

• em - 1еm равен используемому значению свойства font-size элемента, к которому данный em-размер применияется;
• ex - 1 ех равен размеру высоты строчной буквы х для используемого шрифта;
• px - указывает размер в пикселах, зависит от разрешения экрана;

Абсолютные еденицы:

• cm - сантиметр;
• mm - миллиметр;
• in -дюйм (1 дюйм равен 2,54 см)
• pt - точка (1 точка равна 1/72 дюйма)
• pc - пика (1 пика равна 12 точкам)

Задание цвета

Существуют следующие возможности:

• Указание цвета с помощью ключевых слов. Ключевые слова приведены в таблице цветов. Если название цвета состоит из двух или более слов, то оно записывается слитно.
  DIV {color: Red}
• Указание цвета с помощью шестнадцатиричного RGB-кода:
  DIV {color: #ffffff}
• Указание цвета с помощью десятичного (от 0 до 255) RGB-кода:
  DIV {color: rgb (45,45,45)}
• Указание цвета с помощью процентной насыщенности каждого из RGB-кода:
  DIV {color: rgb (45%,45%,45%)}