Меню

Справочник по CSS (приложение)

Внешние таблицы стилей

Существует способ разместить стили, объявления слоев и классы в отдельном файле. Если у вас есть несколько страниц, на которых используются одинаковые стили, это может оказаться удобным, поскольку все HTML-страницы будут просто ссылаться на один и тот же файл с содержащимися в нем стилями. Мы пришли к выводу, что данное средство не такое уж незаменимое, каким кажется на первый взгляд, но на всякий случай не мешает о нем знать.

Вы можете сослаться на внешнюю таблицу стилей, включив примерно такой оператор в раздел <HEAD> документа HTML:

<LINK REL="stylesheet" TYPE="text/css"
HREF="mystyle.css">

Атрибуты позиционирования

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

Атрибут	Описание
Position	Определяет, каким образом должен быть расположен слой.
Left	Расстояние от левого края слоя до левого края окна этого слоя (до левого края окна броузера, если слой не является вложенным в другой слой).
Top	Расстояние от верхнего края слоя до верхнего края окна этого слоя (до верхнего края окна броузера, если слой не является вложенным в другой слой).
Width	Ширина слоя (если он позиционирован абсолютно).
Height	Высота слоя (если он позиционирован абсолютно).
Clip	Форма и размеры видимого информационного наполнения слоя.
Overflow	Определяет, каким образом обрабатывать информационное наполнение, превышающее по своим размерам установки высоты/ширины слоя (в ходе обработки этого атрибута броузер может действовать немного нестабильно, поэтому тщательно его проверяйте).
Visibility	Определяет, является слой видимым или нет.
z-index	Положение слоя в стеке.

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

Существует намного больше способов измерения длины в коде CSS, чем в обычном коде HTML:

Единица длины	Пример	Описание
Em	2.5em	Ширина литеры m
Ex	2ex	Высота литеры x
Px	37px	Пиксель
In	1.25in	Дюйм
Cm	10cm	Сантиметр
Mm	132mm	Миллиметр
Pt	14pt	Пункт (составляет 1/72 дюйма)
Pc	1.5pc	Пика (соответствует 12 пунктам)

Вы вряд ли будете использовать большую часть этих единиц, но необходимо дать краткое описание некоторых из них. Единица измерения em — это ширина строчной литеры m. Она часто используется в типографском деле. Кроме того, поскольку в подавляющем большинстве компьютерных мониторов разрешение составляет 72 точки на дюйм, пиксели и пункты представляют одну и ту же единицу измерения. Основной причиной для создания всех этих единии измерения было то, что в обозримом будущем таблицы стилей станут применяться не только для Web-страниц, но и для вывода информации из других приложений.

Цвета

Цвета можно указывать различными способами:

По имени	color:blue
В виде шестнадцатиричного значения	color:#0000FF
По составу компонентов цвета RGB (красный, зеленый, синий)	color:rgb(0, 0, 255)
По процентному содержанию компонентов RGB	color:rgb(0%, 0%, 100%)

В двух последних случаях при вводе значения, превышающего максимум (255 или 100 %), броузеры заменят это число соответствующим максимумом.