Принцип наследования
Для элементов HTML, описанных в файле CSS,
справедлив принцип наследования. Что это
означает?
Предположим, и используемом вами файле CSS
заголовкам первого уровня составляющих
сайт документов присвоен стиль,
определяющий отображение элементов <H1>
зеленым цветом. Однако для элемента
выделения текста жирным шрифтом <STRONG>
никакой цветовой спецификации не было
задано. Теперь представим себе, что в коде
одной из использующих CSS web-страниц
встречается следующая директива;
<Н1>Каскадные таблицы стилей - это
<STRONG>t<кpутo!</STRONG></Hl> В окне
браузера слово круто отобразится жирным
шрифтом зеленого цвета. Иными словами,
элемент <STRONG> унаследовал присвоенные
тегу <Н1> свойства, поскольку в
предложенной выше строке последний
является старшим тегом, директивой более
высокого уровня.
Приведу другой пример. Положим, в файле CSS вы
установили для элемента
<P> выравнивание по левой границе экрана,
не указав каких-либо дополнительных
параметров для элемента <IMG> Если в коде
html-документа вы заключите директиву вызова
изображения в тег разметки текстового
абзаца, как показано в следующем примере, то
изображение автоматически будет
позиционировано по левому краю окна
браузера:
<P><IMG> SRC="IMAGE.GIF"
WIDTH="310"HEIGHT=219"></P> именно на
принципе наследования свойств одного
элемента другим строится простой метод
описания единых параметров отображени23
для всех видимых элементов web-страниц. Это
описание можно осуществить с помощью всего
одной строки кода. Не верите? Напрасно.
Включите в листинг вашего CSS-файла
следующую директиву
BODY {
Background: WHITE:
Color black:
Font-family: Sans serif:
Font-size: 10pt:
Догадались в чем кроется секрет? Все
элементы web-страниц по умолчанию являются
дочерними директивами тега <BODY>, а значит,
они будут автоматически наследовать его
свойства. Разумеется, существуют свойства,
не наследуемые теми или иными элементами.
Например, тег <HR>, отображающий в окне
броузера горизонтальную разделительную
линию, никоим образом не оперирует
параметрами текста, поэтому он не сможет
унаследовать, например, значение свойства
font-size, определенное для тега <BODY>, даже,
несмотря на то, что последний является для
него родительским.
Оглавление
|
