CSS.MANUAL.RU



Введение
Синтаксис CSS
Включение стилей в документ
Значения свойств
Свойства шрифта
Свойства текста
Свойства цвета и фона
Свойства обрамления
Свойства позиционирования
Визуальные свойства
Свойства списков
Свойства полос прокрутки
Тег SPAN
Статьи
Идеология CSS
Как использовать CSS
Меню с помощью CSS
Алфавитный указатель
Ссылки
Обратная связь
Форум





  Ключевые слова

Значением почти всех свойств в стандарте CSS могут быть ключевые слова, такие как normal, medium, bold и т.д. Ключевые слова не чувствительны к регистру – bold и BOLD – одно и то же.

Каждое свойство может принимать значение inherit, которое указывает, что значение этого свойства надо наследовать у родительского элемента.


  Длины

Этот тип свойств явным образом устанавливает размер элемента. Он поддерживает следующие размерности:

  • em (ширина буквы m в настоящем шрифте) например стилевое правило p {text-indent: 3em} задаст красную строку абзаца размером в три буквы m
  • ex (высота буквы x в настоящем шрифте; применяется аналогично em)
  • px (размер в пикселях)
  • in (дюймы)
  • cm (сантиметры)
  • mm (миллиметры)
  • pt (пункты, 1/72 дюйма)
  • pc (пики, двенадцать пунктов)

  Примеры задания длин:

body {margin: 1in}
table {padding: 1.5cm}
p {text-indent: -2pt}
img.logo {height: 12px}
p {text-indent: 3em}
blockquote {padding-bottom: 2ex}
table {border-width: 7.5pc}


  Процентные значения

Процентные значения могут быть положительными, отрицательными и десятичными дробями.


p {line-height: 120%}

Это стилевое правило задает высоту строки в абзаце на 20% больше обычной


  URL

Значением некоторых свойств может быть URL. Синтаксис: url("protocol://server/path").


body {background-image: url("/img/bg3.gif")}

Это стилевое правило задает цвет фона документа


  Цвет

Цветовые значения определяют цвет. Цвет можно указать с  помощью названия (например blue или red) или с помощью RGB кода. Названия цветов CSS совпадают с их названиями в HTML. СSS допускает задание цвета в  виде стандартного RGB кода, как #87FED3.

В отличие от HTML, CSS позволяет задавать цвет трехзначным числом, в этом случае каждая цифра числа удваивается. Таким образом #7C5 тоже самое, что и  #77CC55. Также можно задавать цвет в десятичных rgb обозначениях. Например: rgb (126, 6, 9) или rgb (30%, 40%, 70%).


  Краткое описание свойств

Стандарт CSS2 позволяет задавать значение сразу нескольких свойств одним стилевым правилом. То есть конструкцию


селектор {
группа_свойств-свойсво1: значение1;
группа_свойств-свойсво2: значение2;
группа_свойств-свойсво3: значение3
}

можно заменить на 


селектор {
группа_свойств: значение1 значение2 значение3
}

Пример:


h1 {font: bold 12px/15px serif}
td {border-left: solid 1px black}

Обратите внимание, что значение свойств перечисляются через пробел. Порядок перечисления определяется в каждом конкретном случае отдельно – об этом написано в соответствующих разделах.






Владимир Климонтович (контакт), Copyright (C) 2003
При поддержке проекта MANUAL.RU