CSS. Каскадные таблицы стилей. Подробное руководство.Символ-Плюс 2008

Печать

кумент. Мы рассмотрим привязку в XHTML, поскольку она наиболее привычна.

Cascading Style Sheets:The Definitive Guide

Second Edition

Eric A. Meyer

ОНеШу and Associates (3004)

blahbtahblak

CSS2 Pocket Reference___________________

Eric A. Meyer

O'Reilly and Associates (Ш) blahblahblnh

Рис. 1.3. Представление XML-документа с использованием стилей

Объединение CSS и XHTML

Я упомянул, что документы HTML и XHTML имеют схожую структуру, и этот момент следует повторить. Кстати, именно в этом состоит проблема со старыми веб-страницами:слишком часто мы забываем, что документы имеют внутреннюю структуру, которая совершенно отличается от визуальной. В погоне за созданием веб-страниц, выглядящих наилучшим образом, мы забываем, что страницы должны содержать информацию об их структуре.

Эта структура является неотъемлемой частью взаимоотношений между XHTML и CSS; без структуры подобная взаимосвязь вообще невозможна. Чтобы лучше понять это, давайте рассмотрим пример XHTML-документа и разберем его по частям:

<html> <head>

<title>Eric's World of Waffles</title>

<link rel="stylesheet" type="text/ess" href="sfteetl.css" media-'air' />

<style type="text/css">

©import url[sheet2.css);

hi {color:maroon;}

body {background; yellow;}

Л Вот мои стили! Bay! */

</style>

</head>

<body>

<h1>Waffles!</h1>

<p style="color:gray;">The most wonderful of all breakfast foods is the waffle—a ridged and cratered slab of home-cooked, fluffy goodness that makes every child's heart soar with joy, And they're so easy to make! Just a simple waffle-maker and some batter» and you're ready for a morning of aromatic ncstasy1