|
|
Книга css3 3е издание Серия Бестселлеры OReilly
Заголовок
Абзац с важным текстом.
. Они содержат и другие, которые, в свою очередь, могут включать еще теги. Таким образом, рас- сматривая, какие из них являются вложенными, можно схематически изобразить любую веб-страницу.
Рис. 3.4. HTML состоит из вложенных тегов, которые представляют своего рода
«генеалогическое» дерево
Схемы в форме дерева помогают выяснить и проследить, как CSS «видит» взаимодействие элементов веб-страницы. Функционирование многих селекто- ров, описанных в настоящей главе, включая селектор потомков, основывается на их родственных отношениях. Рассмотрим самые важные из них.
Предок. Как описано в начале данного подраздела, HTML-элемент, который заключает в себе другие элементы, — это предок. На рис. 3.4 это
, в то время как
— предок для всех содержащихся в нем тегов:
,
,
Потомок. Элемент, расположенный внутри одного или более типов — потомок.
На рис. 3.4
— потомок
, в то время как
— потомок одновременно и для
, и для
Родительский элемент. Он связан с другими элементами более низкого уровня и находится выше на дереве. На рис. 3.4
является родительским только для
Теперь нужно ввести селектор типа, который вы собираетесь создать, — из на- бора основных типов (если вы дошли до конца обучающей программы в про- шлой главе, то уже умеете это делать).
ПРИМЕЧАНИЕ
Если используются типы документов HTML 4.01 или XHTML (а не HTML5), к открывающему тегу style нужно добавить type="text/css"attribute:
|
|
|
Скачать 20.28 Mb.