CSS (Cascading
Style Sheets - каскадные таблицы стилей) – одна
из базовых технологий в современном Интернете. Нечасто можно встретить сайт,
свёрстанный без примененения CSS.
CSS-код – это список инструкций для браузера, – как и где отображать
элементы веб-страницы, написанный особым образом. Под «элементами» обычно
подразумеваются теги XHTML/HTML и их содержимое.
В печатном
деле вопрос оформления книги решается на ранних этапах её производства. От
выбранных шрифтов, отступов и красок зависит буквально всё. И после повлиять на
дизайн, увы, невозможно.В случае с сайтами всё не так. Содержимое страницы почти
не связано с дизайном её внешнего вида. Изменив всего одну строку в css-стилях,
дизайнер сайта может радикально изменить оформление многих тысяч страниц сайта,
сделав все заголовки, скажем, зелёными, переместив блок новостей в угол или
изменив фон страниц.
Инструкции CSS удобно хранить в виде отдельного
текстового файла с расширением .css, либо в виде отдельного текстового фрагмента в начале
XHTML/HTML.
Основная идея CSS в том, чтобы отделить дизайн
документа от его содержимого. CSS отвечает за оформление и внешний вид, а XHTML/HTML -
за содержание и логическую структуру документа.
Посмотрим на фрагмент XHTML-документа:
h1Сказка/h1
pВ одной далёкой стране, на краю болота,
под пеньком, жил ёжик. И вот однажды …/p
Из служебной XHTML разметки мы видим только элемент
заголовка h1 и абзаца p, и ни слова об оформлении - шрифтах, цвете текста,
фоне, отступах и прочем дизайне. Всё это возложено на CSS:
/*
оформляем заголовки: */
h1 {
color: red;
background-color: yellow;
font: Tahoma 2em;
}
/* оформляем абзацы текста: */
p {
color: grey;
line-height: 150%;
}