Самоучитель CSS

Стилем или CSS (Cascading Style Sheets, каскадные таблицы стилей) называется набор параметров форматирования, который применяется к элементам документа, чтобы изменить их внешний вид. Цвет, размеры, положение и другие параметры хранятся в определённом месте и легко «прикручиваются» к любому элементу. Стили являются удобным, практичным и эффективным инструментом при вёрстке веб-страниц и оформления текста, таблиц, ссылок, изображений и пр. При использовании стилей мы получаем «чистый» код HTML, который только определяет структуру документа и набор элементов, а оформление веб-страницы и самих элементов возлагается на CSS.

С помощью стилей также можно определить дизайна для разных устройств вывода: принтера, монитора, смартфона, планшета и др. Например, на экране монитора отображать страницу в одном дизайне, а при её печати — в другом. Эта возможность также позволяет скрывать или показывать некоторые элементы документа при отображении на разных устройствах. CSS учитывает ориентацию устройства (портретная или альбомная), размер и другие параметры экрана и мгновенно переключает вид веб-страницы в зависимости от того, на каком устройстве и как мы просматриваем сайт.

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

Влад Мержевич

Веб-разработчик, автор нескольких книг, посвящённых созданию сайтов, HTML и CSS. Кандидат технических наук.