ВУЗ:
Составители:
Рубрика:
43
этих элементов HTML и их значений. Правило CSS имеет следующий
общий вид:
селектор {
свойство1: значение;
свойство2: значение;
свойство3: значение;
}
Селектор определяет способ отбора HTML элементов, к которым
будет применяться данное правило. Например, он может соответство-
вать реальным названиям элементов (например, body) или задавать эле-
менты, имеющие некоторое значение атрибутов class либо id.
В фигурных скобках { } записываются пары «свойство: значение»,
которые указывают, какие значения будут задаваться свойствам ото-
бранных элементов. Свойства определяют, что требуется сделать с вы-
деленными элементами. Они могут задавать, например, цвет элемента,
цвет фона, позицию, поля, заполнение, тип шрифта, и многое другое.
Значения являются конкретными данными, которые требуется за-
дать каждому свойству выделенных элементов. Каждое свойство имеет
свой набор присваиваемых значений.
Все множество подобных правил совместно формируют таблицу
стилей.
Описание значений свойств
Свойства, которые влияют на положение, поля, ширину, высоту и
т.д. могут измеряться в пикселях (px), в высоте шрифта элемента (em),
процентах (%), миллиметрах (mm) и т.п..
Например, следующее правило:
p { margin: 10px; font-family: Times New Roman; color: green; }
указывает, что вокруг параграфов документа (селектор <p>) создаются
поля (margin) размером в 10 пикселей, для вывода текста используется
шрифт (font-family) Times New Roman, а цвет текста параграфа (color) яв-
ляется зеленым (green).
Цвета в CSS могут задавать разными способами: в виде названия
цвета (всего имеется 16 таких цветов, например, gray, green, black); в ви-
де rgb кода (например, RGB(255,255,0) – желтый цвет) или в виде шест-
надцатеричного кода (например, #a52a2a – коричневый цвет).
В таблицы CSS стилей можно включать комментарии, помещая их
между символами /* и */. Комментарии могут содержать несколько
строк текста, которые будут игнорироваться браузером.
Страницы
- « первая
- ‹ предыдущая
- …
- 41
- 42
- 43
- 44
- 45
- …
- следующая ›
- последняя »
