CSS (Cascading Style Sheets) – это фундаментальная технология современного Интернета, и почти не встретишь сайт, созданный без её участия.

Код CSS представляет собой набор инструкций для браузера, определяющих как и где отображать элементы страницы. Обычно под “элементами” понимаются теги XHTML/HTML и их содержимое.

В печатном деле оформление книги решают задолго до её издания – от выбранных шрифтов, отступов и цветов зависит всё целое произведение. И изменить дизайн уже невозможно. Сайт же ведёт себя иначе: контент почти не связан с визуальным стилем. Одной строкой в CSS можно радикально преобразовать тысячи страниц сайта: сделать все заголовки зелёными, переместить блок новостей в угол или поменять фон.

Инструкции CSS удобно хранить как отдельный текстовый файл с расширением .css либо как фрагмент кода в начале XHTML/HTML-документа.

Главная идея CSS – разделить дизайн от содержания. CSS отвечает за внешний вид, а XHTML/HTML – за смысл и логическую структуру.

Рассмотрим фрагмент XHTML-документа:

h1Сказка

pВ одной далёкой стране, на краю болота, под пеньком, жил ёжик. И вот однажды …

Из служебной разметки видим только заголовок h1 и абзац p, но никаких сведений об оформлении – шрифтах, цвете текста, фоновом рисунке, отступах. Всё это возложено на CSS:

/* Оформляем заголовки: */

h1 { color: red; background-color: yellow; font: Tahoma 2em;}

/* Оформляем абзацы текста: */

p { color: grey; line-height: 150%;}