А нижний - bcd- состоит из трех отдельных
столбцов:
Ьоdу {
di splay: "ааа"
"Ьсd" :
Размещение элементов внутри страницы происходит
таким же образом:
#head { position: а }
tnav { position: Ь }
#adv { posit1on: d }
#Ьоdу { position· с }
Итак, элемент с 10 head занимает весь верхний ряд. в то
Время как nav, adv и Ьоdу находятся ниже бок о бок,
Занимая каждый свое собственное место. Потрясающая
Вещь, но, к несчастью, этому модулю, как и предыдущему,
Далеко до реальности.
Используя свойства CSS, вы можете оформлять генерируемое содержимое,
Равно как и все остальные элементы страницы.
Глава 16. CSS 3 - на гребне волны
Из примера на рис. 16.8 видно, что слово «Announcement~> использует другой
Шрифт и имеет другой цвет фона. Этот первый абзац принадлежит классу
Announcement, а ниже я привожу его стиль, который создает вид, как на вышеупомянутом
рисунке:
.announcement:before {
content: "ANNOUNCEMENT":
font: bold .беm Arial. Helvetica. sans-serif:
color: #FFF:
padding: 4рх:
background-color: red:
margin-right: lOpx:
Всеперечисленныесвойстваприменяютсяксамомутексту«АNNОUNСЕМЕNТ~>,
Так как находятся непосредственно в объявлении псевдоэлемента : before.
Приложения
Приложение 1. Справочник свойств CSS
Приложение 2. CSS в Dreamweaver CS4
Приложение 3. Ресурсы по CSS
