Главная или честный способ заработка в сети Зачем мне это? Всё начинается с идеи

Принципы наследования и каскадирования

Основными принципами применения CSS к html-документам являются наследование и каскадирование, вот именно поэтому таблицы стилей называются каскадными. Давайте познакомимся с этими понятиями более подробно.


Наследование

Принцип наследования заключается в получении элементами-предками заданных свойств от элементов-потомков. Иерархию элементов можно проследить по дереву элементов html.

дерево элементов html

Рассмотрим некоторые определения.

Здесь HTML является предком по отношению ко всем остальным элементам. Элементы HEAD и BODY являются непосредственными потомками по отношению к HTML, также они являются смежными между собой.

Так вот, некоторые свойства CSS элементы-предки могут наследовать от элементов-потомков (цвет), а некоторые нет.


Каскадирование

Принцип каскадирования заключается в следующем: При наличии нескольких правил для одного элемента, применяться будет правило с наибольшим приоритетом.

Таблицы стилей для html-документа могут задавать три субъекта:

  1. Непосредственно браузер;
  2. Интернет-пользователь;
  3. Разработчик веб-страницы.

Понятно, что приоритет воздействия на отображение веб-страницы в браузере у каждого из этих субъектов разный. Рассмотрим правила, по которым будет выбран стиль оформления html-документа в конфликтной ситуации.

Это общие правила для расставления приоритетов в CSS. Приоритеты одних селекторов над другими уже были рассмотрены ранее (смотри раздел группировка и приоритеты селекторов).


<<Предыдущая | В раздел | Следующая>>