Это правило указывает Web-браузеру выводить на экран заголовки уровня 2,
текст абзаца и неупорядоченного списка шрифтом Arial зеленого цвета. Обратите внимание, что в качестве селектора могут использоваться совершенно любые HTML-дескрипторы. Таким образом, правила каскадных списков стилей могут применяться к изображениям (селектор img) и таблицам (селектор table).
Например, запустите свой любимый текстовый редактор и наберите следую —
щий HTML-код:
Глава 4. Каскадные списки стилей 179
Как уже известно из вводной части этой главы, код между начальным и ко —
нечным дескрипторами styiex/styie > описывает правила каскадного списка стилей. Селектор tabl e указывает браузеру применять правило списка стилей к содержащимся на странице таблицам. Поэтому в приведенном примере будет со- здана таблица с зеленым фоном и шрифтом белого цвета размером 20 пикселей. Более того, Web-браузер поместит таблицу на расстоянии 150 пикселей правее левой границы и 200 пикселей ниже верхней границы Web-страницы. Сохраните
набранный код в HTML-файле (например, css Test2.htm) и откройте HTML — документ в Web-браузере. На экран будет выведена страница, похожая на пока — занную на рис. 4.5.
Наследование
При добавлении текстовых элементов на Web-страницу часто один элемент вставляется в другой. Например, при выделении текста полужирным шрифтом,
как в случае с текстом «полужирный текст» в приведенном ниже примере, фак- тически элемент полужирного шрифта вставляется в элемент абзаца:
Вы вставляете один элемент в другой всегда, когда помещаете
текст, находящийся в пределах одного набора контейнерных дескрипторов, в другой набор начального и конечного
дескрипторов. Например, следующий далее
полужирный текст представляет собой полужирный
элемент, вставленный в элемент параграфа.
При форматировании Web-браузером вставленного элемента сначала он при — меняет инструкции форматирования, установленные для внешнего элемента, а затем для внутреннего элемента (если соответствующие правила определены).