Основы работы с XHTML и CSS


Вложенные стили - часть 2


Листинг 4.5. Другая запись кода задания вложенных стилей

В противоположность этому, тег <div> решает такие же задачи оформления, но, кроме того, создает перенос строки. Следующий код оформляет предыдущую строку текста с помощью тегов <div> и создает вывод, показанный на рисунке 4.4.

<div style="font-size:12pt"> Here <div style="font-size:16pt"> are <div style="font-size:20pt"> styles <div style="font-size:24pt"> nested </div> inside </div> one </div> another. </div>

Листинг 4.6. Вложенные настройки стилей, использующие теги <div>

Применение вложенного оформления шрифта с помощью тегов <div>

Рис. 4.4.  Применение вложенного оформления шрифта с помощью тегов <div>

Необходимо помнить об этих различиях, так как теги <span> и <div> широко используются при оформлении элементов страницы.




Начало  Назад  Вперед