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

Применение структурированной разметки позволяет очистить код и упростить поиск в нем.

Тем не менее приходится признать, что полностью структурированный документ несколько некрасив. Из-за одного этого факта и сотни аргументов в пользу структурированной разметки не хватит, чтобы отговорить отдел маркетинга от использования того типа HTML, который был распространен в конце XX столетия и существует до сих пор. Поэтому нужен метод, позволяющий сочетать структурированную разметку с привлекательным представлением страницы.

CSS спешит на помощь

Конечно, проблема загрязнения HTML разметкой представления не осталась незамеченной консорциумом W3C (World Wide Web Consortium), который приступил к поиску быстрого решения, В 1995 году консорциум начал публикацию рабочего варианта стандарта, названного CSS. К 1996 году он получил статус рекомендации, такой же значимой, как и сам HTML. Вот причины этого.

Богатство стилей

Прежде всего, CSS обеспечивают более богатое представление документа, чем когда-либо, даже на пике своего репрезентативного пыла, позволял HTML. CSS позволяют задавать цвета текста и фона любых элементов, создавать рамки и увеличивать или уменьшать отступы вокруг элементов. Благодаря им можно сделать так, чтобы текст отображался прописными буквами, и добавить дополнительные элементы оформления (например, подчеркивание), разбивки и даже управлять тем, будет ли он отображаться вообще, а также они дают возможность реализовать многие другие эффекты.

Возьмем для примера первый (и основной) заголовок на странице, который обычно является заголовком самой страницы. Пример правильной разметки:

<М>Паря над водой</Ы>

Теперь предположим, что вы хотите, чтобы этот заголовок стал темно-красным, был набран определенным шрифтом курсивного начертания, подчеркнут и располагался на желтом фоне. Чтобы сделать все это с помощью HTML, понадобилось бы поместить тег hi в таблицу и нагрузить его массой других элементов, таких как font и U. CSS позволяет обойтись одним правилом:

hi {color:maroon; font:italic 2em Times, serif; text-decoration:underline; background:yellow;}

Вот и все* Как видите, все, что вы делали в HTML, можно сделать в CSS. Однако не надо ограничивать себя только тем, что умеет HTML: