Что такое каскадные таблицы стилей?

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

Обычно, начиная объяснять что-либо, начинают с определения. Например, такого: каскадные таблицы стилей - это набор правил, описывающих форматирование разных фрагментов HTML-кода и хранящихся отдельно от него. Надеюсь, Вы поняли, о чём речь.

Нет? Действительно, у такого подхода есть недостаток: если читающий ничего о каскадных таблицах раньше не знал, то короткое определения ему сути и не раскроет. Поэтому пойдём другим путём: поясним всё на примере.

Представим ситуацию.

У нас есть Web-сайт с большим количеством страниц. Страницы сайта имеют много элементов, одинаковых для всех страниц: таблицы, цвет рамок таблиц, размеры шрифтов, отступы текста от краёв страницы и отступы красной строки, цвет и начертание шрифта и т. д. и т. п.

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

Да всё "очень просто": открываем КАЖДУЮ (!!!) страницу в редакторе и исправляем… Работёнка, прямо скажем, ещё та, очень неудобно, но что поделаешь?..

А было быочень здорово создать такой набор правил, с помощью которых можно было бы упрвлять различными фрагментами текста, НЕ ТРАТЯ ВРЕМЯ НА РЕДАКТИРОВАНИЕ КАЖДОГО ФАЙЛА!. Этот набор правил хранился бы в отдельном файле, независимо от содержимого Web-страницы. А в HTML-файл записать только сам текст, разбитый на логические фрагменты... Таким образом, и данные хранятся отдельно, и форматированы они гораздо "прозрачнее", и нужную информацию искать значительно проще.

Конечно же такой набор правил был создан и назван каскадными таблицами стилей или CSS.

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

Надеюсь, пример получился достаточно убедительный, и Вы поняли, что уделить время на изучение таблиц стилей - стOит. Поэтому после этой статьи я даю ссылку на скачивание учебника. Учебник можно скачать совершенно свободно. Он будет полезен и тем, кто не отказался от визуального радактора, т. к. довольно много вниманию уделено управлению стилями в программе Macromedia Dreamweaver.

Успеха.

Автор: Андрей Чернобай

Скачать руководство по каскадным таблицам стилей

Скачать справочник по каскадным таблицам стилей

P. S. Подпишитесь на безплатную рассылку Вокруг Сайта и получайте на свой электронный адрес новые уроки по созданию сайта.

SmartResponder.ru
Ваше имя: *
Ваш e-mail: *

Оставьте свой отзыв о статье:



Введите цифровой код с картинки*:

осторожно, мошенник!

Эта информация поможет сохранить вам деньги >>>

Рассылки

"Вокруг Сайта"
подпишитесь и получайте на свой e-mail уроки, книги, статьи, скрипты, а также подарки и скидки на товары, продаваемые с сайта

SmartResponder.ru
Ваше имя: *
Ваш e-mail: *

"PHP-песочница"
- PHP для начинающих: уроки с подробным анализом скриптов, необходимых для вашего сайта:

PHP-песочница
Подписаться письмом

Скачать видео

Разделы Сайта