Это мой заголовок
Это мой заголовок

привязанной к HTML-документу элементом в заголовке:

Стилем, указанным в самом элементе с помощью атрибута style:

Отступ в полдюйма от края

Чем «ближе» определение стиля к элементу, тем приоритетнее он будет в случае конфликта параметров стиля.

Стилем, определенным браузером «по умолчанию»

селектором selector2, только если этот элемент находится внутри элемента, определенного селектором selector1.
selector1

Стиль применяется к элементам, определенным селектором selector2, только если этот элемент находится непосредственно внутри элемента, определенного селектором selector1.

пользуются поиском Google?
Он очень быстрый
Он дает нужные результаты
Почему люди пользуются

ширины и высоты (width, height);
прослойку (padding);
границу

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

В1

В2

font-size: 16pt;
border: 2px solid red;

Первый параграф

Второй параграф

Третий параграф

Четвертый параграф

Пятый параграф

blocks.html

– 10px; 25%; 0.5in; thin; thick; medium;
style – стиль –

Можно задавать отдельные характеристики границы
{ border-width: ...;
border-style: ...;
border-color: ...; }

Можно задавать характеристики границы по сторонам блока
{ border-top: ...;
border-bottom: ...;
border-left: ...;
border-right: ...; }

или и то и другое вместе
{ border-bottom-width: ...;
border-left-style: ...;
border-top-color: ...; }

– 10px; 5%; 0.5in;
Можно задавать ширину полей и заполнения отдельно

Пример:

Заголовок

Указание ширины и высоты блоков

Width, min-width, max-width, height, min-height, max-height.

}
Заданный таким образом, как показано выше, стиль позволяет разместить блок

Размещение текста (или других строчных элементов) внутри блока задается иначе:

{ text-align: left; } (или center или right)

Заголовок

Еще один заголовок

alignment.html

Замечание: IE6 может не распознавать правильно указания margin: auto;

точной ширины/высоты блока можно задавать максимальные или
минимальные размеры:
В случае, если

В случае, если содержимое блока превышает максимальный размер –
содержимое автоматически обрезается;

и указывая свой вариант размещения. Это можно сделать двумя способами:
«Плавающий»

Задание «плавающего» блока:

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

Фото слева: Вид на этот замечательный цветок сбоку, размер –
28 см (29 июня 2003 года, 2 часа ночи). Его аромат, как я
обнаружил, исходит из желтой зоны между коричневыми
чашелистиками и белыми лепестками.

selenicereus.html

img.to-right { float: right; width: 200px; }
img.to-left { float: left; width: 200px; }

расположение блоков, справа – в одном из блоков задано положение «right»:

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

Таких параграфов ...