вы видели на рис. 5.5. HTML разделен на два тега <di v>, каждый из которых .
Имеет свой собственный идентификатор. ID-стили Здесь, по существу, размещают
два тега <di v> так, чтобы они отображались бок о бок в виде столбцов (как
Именно работают ID-стили, вы узнаете, когда ближе познакомитесь с разметкой
CSS, начиная с гл. 10.)
Сначала вы добавите пару стилей, чтобы улучшить общий вид страницы и ее
Верхний заголовок.
В файле main.css добавьте два этих стиля в нижней части таблицы стилей за
последней скобкой} стиля #sidebar:
body {
}
color: #В1967С:
font-family: "Palatino Linotype". Baskerville. serif:
padding-top: lOOpx:
background: #CDEбFF url(images/bg_body.png) repeat-x:
width: 800рх:
margin: О auto:
hl {
font-size: Зеm:
font-family: "Arial Black". Arial. sans-serif:
Пер~ый стиль добавляет фоновое изображение и цвет для страницы, а также
Устанавливает для нее фиксированную шИрину. Сохранив этот файл и просмотрев
Страницу cascade. html в браузере (рис. 5.6), вы заметите, что эти атрибуты
Не наследуются другими тегами - то же изображение, например, не повторяется
Перед тегами заголовка или абзаца.
Свойства font- fami ly и со 1 or, с другой стороны, наследуются, так что другие теги
на странице теперь используют шрифт Arial и имеют коричJ{евый цвет. Тем не