CSS-Учебник.Что такое CSS.

 

Что такое CSS.

CSS (Cascading Style Sheets — каскадные таблицы стилей) – одна из базовых технологий в современном Интернете. Нечасто можно встретить сайт, свёрстанный без примененения CSS.

CSS-код – это список инструкций для браузера, – как и где отображать элементы веб-страницы, написанный особым образом. Под «элементами» обычно подразумеваются теги XHTML/HTML и их содержимое.

 

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

На снимке: скучающие офисные работники публикуют новые блоги

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

 

Инструкции CSS удобно хранить в виде отдельного текстового файла с расширением .css, либо в виде отдельного текстового фрагмента в начале XHTML/HTML-документа (см. Включение CSS в 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%;

}