Селекторы
Итак, параметры и директивы CSS описываются
по принятым в данном стандарте правилам в
специальном файле с расширением ,css. Общий
синтаксис записи стилей всех элементов HTML в
таком файле выглядит следующим образом'
НАЗВАНИЕ ЭЛЕМЕНТА {свойство: значение;}
В качестве названий элементов принимаются,
как правило, теги HTML. Например, если вы.
хотите, чтобы все заголовки первого уровня
в вашем html-документе отображались, синим
цветом и имели раз - мер двадцать пикселов,
присоединенный к web-страничке файл CSS должен
включать следующую запись'
H1 {color: blue: font-Size: 20pt: } Такая директива CSS
называется селектором. Все, что содержится
в фигурных
скобках справа от названия элемента,
принято называть для простоты определением
селектора. Каждое определение содержит
перечисление свойств и значений. Описания
всех свойств и значений заключается в
фигурные скобки и
разделяются точкой с запятой Очевидно, что
селектор управляет внешней формой
отображения объектов HTML и может содержать
только те свойства и значения, которые
характерны для того или иного элемента
языка разметки гипертекста.
Группировка селекторов.
Если в нескольких разные селекторах
используются ОДНИ и те же определения с
помощью языка СSS CSS их можно сгруппировать
между собой. Группировка селекторов в
единую директиву осуществляются следующим
образом; CIM'I.I iii идет перечисление через
запятую всех элементу, использую илИ
одинаковое определение, затем в фигурных
скобках указываются их свойства и значения.
Ниже приведены синтаксис записи и пример
использования такой комбинированной
директивы.
НАЗВЙНИЕ ЭЛЕМЕНТА-1. НАЗВАНИЕ ЭЛЕМЕНТА-2, ,
НАЗВАНИЕ ЭЛЕМЕНТА-N {свойство: значение:}.
Пример:
HI. H2. НЗ. Н4{font-family: Helvetica: color: red: -font-size: 30pt:}
Аналогичным образом можно группировать
между собой определения, вписывая их
наподобие некой подпрограммы:
НАЗВАНИЕ ЭЛЕМЕНТА{
Определение-1:
Опредепение-2:
Определение-n, 1
На самом деле подобная запись идентична
перечислению списка определений подряд, в
одну строку, расположенную заранее
названия элемента и ограниченную фигурными
скобками, однако в развёрнутом варианте
читать листинг файла CSS гораздо проще и
удобнее. Вот пример такого оформления
определений:
H1 {
Font-family: Helvetica :
Font-style: italic
Font-size: 30pt:
Color: black:
Оглавление
|
