Что такое CSS
CSS (Cascading Style Sheets, каскадные таблицы стилей) — это набор
параметров форматирования, который применяется к элементам веб-страницы для
управления их видом и положением.
Стили являются удобным, практичным и эффективным инструментом
при верстке веб-страниц и оформления текста, ссылок, изображений и
других элементов. Далее описаны преимущества, которые дает CSS.
Разделение оформления и содержания
Идея о том, чтобы код HTML был свободен от элементов
оформления вроде установки цвета, размера шрифта и других параметров,
стара как мир. В идеале, веб-страница должна содержать только теги
логического форматирования, а вид элементов задается через стили. При
подобном разделении формирование дизайна и верстка сайта могут вестись
параллельно.
Единое оформление документов
Сайт это не просто набор связанных между собой документов, но
и единое расположение основных блоков и их оформление. Применение
единообразного оформления заголовков, основного текста и других
элементов создает преемственность между страницами и облегчает
пользователям работу с сайтом и его восприятие в целом. Разработчикам
же использование стилей существенно упрощает проектирование дизайна.
Централизованное хранение
Стили, как правило, хранятся в одном или нескольких
специальных файлах, ссылка на которые указывается во всех документах
сайта. Благодаря этому удобно править стиль в одном месте, при этом
оформление элементов автоматически меняется на всех страницах, которые
связаны с указанным файлом. Вместо того чтобы модифицировать десятки
HTML-файлов, достаточно отредактировать один файл со стилем и
оформление нужных документов сразу же поменяется.
Расширенные возможности
В отличие от HTML стили имеют гораздо больше возможностей по
оформлению элементов веб-страниц. Простыми средствами можно изменить
цвет фона элемента, добавить рамку, установить шрифт, определить
размеры, положение и многое другое.
Быстрая работа
При хранении стилей в отдельном файле, он кэшируется и при
повторном обращении к нему извлекается из кэша браузера. За счет
кэширования и того, что стили хранятся в отдельном файле, уменьшается
код веб-страниц и снижается время загрузки документов.
Замечание
Кэшем называется специальное место на
локальном компьютере пользователя, куда браузер сохраняет файлы сайта
при первом обращении к нему. При следующем обращении к сайту такие
файлы уже не скачиваются по сети, а берутся с локального диска. Такой
подход позволяет существенно повысить скорость загрузки веб-страниц.
В настоящее время современный подход к созданию сайтов
предполагает активное использование стилей для управления видом
элементов веб-страниц и их верстки. Так называемая блочная верстка или
верстка с помощью слоев приобретает все больше поклонников, а это в
свою очередь предполагает знание свойств CSS и их правильное применение
на сайте.
Замечание
Условно верстка веб-страниц делится на
табличную верстку, где в качестве невидимой модульной сетки выступают
ячейки таблицы, и верстку с помощью слоев. В дальнейшем, под слоем
будем понимать элемент <DIV>
или <SPAN>,
к которому добавляются стилевые параметры для изменения оформления и
положения элемента.
|