CSS


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

Разделение оформления и содержания


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

Единое оформление документов


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

 

 


Централизованное хранение


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

Расширенные возможности


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

Быстрая работа


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

 

Замечание

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


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

Замечание

Условно верстка веб-страниц делится на табличную верстку, где в качестве невидимой модульной сетки выступают ячейки таблицы, и верстку с помощью слоев. В дальнейшем, под слоем будем понимать элемент <DIV> или <SPAN>, к которому добавляются стилевые параметры для изменения оформления и положения элемента.

 

Источник: Влад Мержевич www.htmlbook.ru

site-pro-site.ru
Контакты

Меню Site-pro-Site.ru

 

Хитрости и технические моменты используемые при создании сайта. # 1
Хитрости и технические моменты используемые при создании сайта. # 2

 

Способы самостоятельного создания сайта

 

Способы самостоятельного создание блога

 

Создание мобильного сайта

 

Регистрация Домена и Выбор Хостинга

 

Самостоятельная раскрутка сайта. # 1
Самостоятельная раскрутка сайта. # 2
Программы для раскрутки сайта

 

Способы получения прибыли с сайта

 

Электронные платёжные системы

Партнеры

Полезные ссылки для WEB мастера

Полезно почитать

Как Создать...


Все Технические Моменты Онлайн Бизнеса в Видеоформате

Javascript+jQuery для начинающих в видеоформате

Как Создать Информационный Бестселлер на DVD или CD

PHP+MySQL для начинающих

Joomla - профессиональный сайт за один день

WordPress - профессиональный блог за один день

Технические секреты продуктивной работы в онлайн бизнесе

Весь Photoshop ...


Фотошоп уроки для повышения мастерства

Photoshop для фотографа

Photoshop CS5 от А до Я

Фотошоп с нуля в видеоформате

26 полезных статей для начинающих Фотошоп-мастеров

Как Легально Заработать в Интернете...

Самые Лучшие Бесплатные Браузерные Игры