Основы Web-инжиниринга. Часть 1. Громов Ю.Ю - 57 стр.

UptoLike

Рис. 28
Применение элемента SPAN ограничено браузерами, которые поддерживают CSS. При этом не все атрибуты специфи-
кации CSS поддерживаются в браузерах. Например, атрибут vertical-align, который призван заменить элементы SUP и
SUB, не поддерживается ни одним из браузеров.
3.5. СВОЙСТВА БЛОКОВ
Блочные элементы (блоки текста или box) позволяют оперировать с текстом в терминах прямоугольников, которые этот
текст занимает. При этом блок текста становится элементом дизайна страницы с теми же свойствами, что и картинка, табли-
ца или прямоугольная область приложения.
Блок текста обладает свойствами: высоты (height), ширины (width), границы (border), отступа (margin), набивки
(padding), произвольного размещения (float), управления обтеканием (clear).
Графически свойства представлены на рис. 29 следующим образом.
Рис. 29
Задаваться ширина и высота блока могут в типографских пунктах (pt), пикселах (px) и условных единицах (em) (рис.
30):
<DIV STYLE="width:200px;">пикселы</DIV>
<DIV STYLE="width:200pt;">типографские пункты
</DIV>
<DIV STYLE="width:5em;">условные единицы</DIV>
С высотой блока текста следует быть осторожным, так как в четвертой версии Netscape Navigator многие из атрибутов
CSS не поддерживаются, в том числе высота обычного блочного элемента.
Расстояние от границы блочного элемента до границы вложенного в него блочного элемента называется padding. Для
обозначения этого свойства будем использовать слово "набивка" или словосочетание "внутренний отступ".
Отступ от "набивки" внешнего блочного элемента до границы вложенного элемента называется margin. Для его обозна-
чения мы будем употреблять термин "отступ" или словосочетание "внешний отступ".
Рис. 30
Таким образом, padding и margin характеризуют отступы блочного элемента относительного начала его содержания и
относительно границы охватывающего его элемента разметки, соответственно (рис. 31).