Собирательное свойство border — рамка

Собирательное свойство border содержит в себе наибольший набор частных свойств. Всего их 15: по три частных свойства на каждую из четырех сторон и три собирательных свойства, отвечающих за оформление всей рамки. Поэтому, чтобы настроить рамку для какого-либо элемента можно использовать 12 частных свойств либо 4 свойства для каждой стороны рамки, а можно обойтись одним объявлением:

border: 1px solid #ff0;

Кроме того, только для свойства border доступны два особых стиля рамок: inset (вдавленная) и outset (выступающая). Они используются для придания эффекта объема. В таких рамках две смежные стороны окрашиваются в цвет, указанный в CSS, а две оставшихся в цвет, подбираемый автоматически так, чтобы создавался нужный эффект.

3. Элементы html Области элементов

Элементы — это структурные части HTML-документа. Во время его обработки браузером для отображаемых элементов создаются специальные области. Поэтому отображаются не сами элементы, а соответствующие им области. Область  элемента  (box)  — это участок страницы, созданный для конкретного элемента.

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

• Блочная область (block box) имеет форму одного прямоугольника. Перед ней и после нее переводится строка. Элементы p, h1…h6 или address по умолчанию порождают блочные области. Блочная область растягивается по ширине на все доступное пространство.

• Строчная область (inline box) имеет форму прямоугольника, который размещается на одной строке с соседними строчными областями, то есть перевод строки до или после нее не вставляется. Элементы a, em или strong, как и многие другие элементы для разметки текста, по умолчанию порождают строчные области. Однако строчные области по умолчанию также порождают элементы img и object. Если содержание элемента не помещается на одной строке, то порождается несколько строчных областей, которые располагаются на соседних строках. В элементы, порождающие строчные области (inline-элементы) нельзя вкладывать элементы, порождающие блочные области (block-элементы).

Специально для создания областей двух основных видов в HTML введены два элемента: div и span. Элемент div используется для создания блочных областей и применяется для оформления произвольного участка веб-страницы, а также для верстки. Элемент span порождает строчную область и применяется для придания особого оформления какой-либо части текста. Сами по себе эти элементы не несут смысловой нагрузки и становятся полезными только при совместном использовании с CSS.

Некоторые текстовые элементы

Среди многочисленного набора различных элементов для разметки текста стоит выделить только несколько наиболее популярных. Остальные элементы используются крайне редко и при необходимости о них можно узнать подробнее из официальной документации.

Заголовки

Элементы h1,…,h6 представляют собой заголовки. Цифра, следующая за h, указывает на уровень заголовка. Например, h3 — заголовок третьего уровня. Содержанием заголовка могут быть только Inline-элементы.

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