CSS (Cascading Style Sheets) - каскадные таблицы стилей. Таблицы стилей - попытка отделить детали дизайна странички от ее структуры и содержания. В классическом HTML структура и дизайн были вперемешку: рядом с текстовым абзацем его цвет, размер шрифта, тип шрифта и т.п. Если Вы захотите изменить такой простой параметр, как размер шрифта на своем сайте - придется переписывать все странички. CSS позволяет назначить всем объектам стиль, описание которого может храниться вообще в отдельном файле. Используя CSS, Вы можете изменить размер шрифта во всех страницах сайта, исправив только один файл с описанием стилей. Чем больше разных стилей Вы пропишите, тем быстрее и проще менять дизайн своего сайта. Самое главное, что не придется менять уже готовые HTML документы, лежащие на сервере. Браузер пользователя сам обратится к файлу (по ссылке) со стилями и придаст страничке нужный облик.


Стандарт CSS допускает задавать стили тремя различными способами. Сейчас мы их рассмотрим.

Первый способ — поместить стили во внутреннюю таблицу стилей. Внутренние таблицы стилей используются, если нужно применить какой-то набор стилей только внутри этой страницы.

Второй способ — поместить нужные стили во внешнюю таблицу стилей. Внешняя таблица стилей хранится в отдельном файле с расширением css и подключается к Web-странице с помощью особого одинарного тега <LINK>. Вот так:
<LINK REL="stylesheet" HREF="styles.css" TYPE="text/css">
Из трех атрибутов этого тега нас интересует только атрибут HREF. Он задает файл, в котором хранится внешняя таблица стилей. Остальные атрибуты несут служебную информацию и предусмотрены для особых случаев. Содержимое файла таблицы стилей — то же самое, что и тега <STYLE>. Единственное: сам тег при этом указывать в файле не нужно. Внешние таблицы стилей следует использовать, если нужно применить один и тот же набор стилей сразу к нескольким Web-страницам.

И последний способ — самый интересный. Это встроенные стили, описания которых помешаются прямо в нужный тег, точнее, в особый атрибут STYLE, поддерживаемый практически всеми видимыми тегами HTML.
<Р STYLE="font-size: 9pt; color: red;">Маленький и красный.</Р>
Этот пример показывает, как задается встроенный стиль. Фактически он содержит только описание стиля. Имя здесь не указывается, так как этот стиль не нужно однозначно идентифицировать — и так ясно, к какому тегу он должен быть применен.
Если же нужно применить какой-либо стиль к произвольному фрагменту текста, не являющемуся содержимым никакого тега, то нужно использовать особый парный тег <SPAN>. ЭТОТ тег занимается только тем, что помечает фрагмент текста для привязки к нему стиля.
<Р>Это <SPAN STYLE="text-decoration: underline; ">подчеркнутый</SPAN> текст.</Р>
Оформляемый фрагмент текста просто помещается внутрь тега <SPAN>, после чего мы можем делать с ним все что угодно.


В одной и той же Web-странице могут быть использованы все три способа задания стилей одновременно. То есть к странице может быть подключена внешняя таблица стилей, в секции заголовка — содержаться внутренняя, а к некоторым тегам — применены встроенные стили. Это позволяет очень гибко управлять оформлением Web-страниц.