Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30


Чувашия-это моя Россия

Структура документа сайта и наследование в CSS.

Структура документа сайта и наследование сайта в CSS.

Документы сайта HTML имеют четко определенную структуру, или иерархию. Например, корневой элемент html обычно содержит элементы head и body, а элемент body, в свою очередь, содержит несколько элементов уровня блоков div, table. Они в свою очередь содержат несколько элементов уровня блоков текста, таких как абзацы( p), или заголовки( h2). Абзац в свою очередь включает в себя несколько элементов таких как анкер ( а), выделенный текст ( em) и другие. Лесенка таким образом определяется и что за чем стоит, как на что влияет выстраивается так.

Такую иерархию можно представить в виде дерева, начинающегося от корнего элемента html и далее расширяясь и наполняясь до конца - до текстовых элементов.

Просматривается вот такая деревовидная структура страниц сайта. Вот такая четкая вложенность элементов. Так называемое отношение родитель-потомок и при создании и оформлении страниц сайта это дает для выборки элементов широкую возможность.

Дерево документа сайта можно представить себе в виде генеалогического древа, если учитывать линию родитель-потомок во взаимоотношениях элементов.

эскиз древа

Элемент, который непосредственно содержится внутри другого элемента, является дочерним (child) для данного элемент. Например, элемент абзац p является дочерним элементом для body, а элемент body в свою очередь является для элемента p родителем. Например, в несортированном списке ul пунк списка li является дочерним элементом для ul, но для других элементов li является элементами-сестрами. Элементы, которые имеют одного родителя, называются одноуровневыми или элементами-сестрами (siblings). Такие отношения родитель/потомок являются основой для понимания функционирования CSS.

Все элементы, которые содержит данный элемент, называются его потомками (descendants). Чтобы элемент был дочерним для другого элемента, он должен находиться в иерархии непосредственно под родительским элементом (следовательно, дочерний элемент - это частный случай потомка).

Как и следует ожидать, данная терминология применяется и в обратном направлении - все элементы, находящиеся в иерархии выше данного элемента, называются его предками (ancestors). Корневой элемент называется корневым, поскольку не имеет предков. Знания о дереве структуры при работе с CSS применяются на практике. Абзац включает в себя несколько внутристрочных элементов: анкеры (а) или выделенный текст (еm). Такую иерархию можно представить себе в виде дерева, начинающегося от корневого элемента.

Основной концепцией каскадных таблиц стилей при оформлении страниц сайта являются следующие положения:

 
                                   структура документа и наследование.
                                   
                                   конфликтующие правила стилей, так 
                                   называемый  каскад стилей.
                                   
                                   типы элементов.
                                   
                                   блочная модель.
                                    
 

seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно    назад    дальше     продолжение темы

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: