Главная » Обучение » CSS - стили сайта

Каскадные таблицы стилей - CSS

Блочный дизайн сайта с помощью CSS

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

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

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

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

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

 Расширенные возможности. В отличие от HTML, стили имеют гораздо больше возможностей по оформлению элементов веб-страниц. Простыми средствами можно изменить цвет фона элемента, добавить рамку, установить шрифт, определить размеры, положение и многое другое. Последняя версия CSS3 позволяет применять сложные эффекты анимации, градиенты без помощи javascript и прочих дополнений. CSS фреймворки, такие как Bootstrap, позволяют получить приемлимый адаптивный дизайн сайта "из коробки".

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

Самоучитель CSS3 >>>


comments powered by Disqus
Яндекс.Метрика Рейтинг@Mail.ru Memory: 3.25 mb, MySQL: 0.0070 s, 10 request(s), PHP: 0.0483 s, total: 0.0553 s, document retrieved from cache.