Основные принципы CSS

-=оглавление=- next=>

ichik (ichik@yandex.ru)

Что же скрывается за этой аббревиатурой

CSS - cascading style sheets. Если в переводе на русский, то "каскадные таблицы стилей".

Что такое стиль? Если говорить кратко, то это совокупность параметров текста (людям знакомым с Вордом должно прийти на память такая вещь как стили в Ворде). Если быть совсем уж кратким, то таблица стилей позволяет определять некоторый набор стилей, то-есть каждому тегу будет соответсвовать набор параметров, и все это можно представить таблицей. А почему же они называются "каскадными" или "каскадирующими", потому что в них используется объектный принцип, собственно стиль это и есть объектный принцип, т. к. вы создаете несколько объектов (например абзацев) определенного стиля (то-есть типа объектов)).

На чем основаны CSS

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

Вспомните, если в html-e разметить текст стандартными тегами (h1, p и т.п.) то браузер сам определит их параметры, подставив пзначения по умолчанию. Теперь представим, что мы сами смогли бы определять эти умолчания на компьютере конечного пользователя, то-есть нам не надо каждый раз писать "h2 font="Verdana" size="..." а мы можем просто написать "h2" и браузер сам определит, что мы имели ввиду такой-то стиль (набор параметров текста).

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

Также CSS позволяет делать таааакие вещи, которые в html-e просто невозможны, например отрицальные отступы объектов, благодаря которым можно перемещать текст так, что мама родная не узнает.

Пример

Первая строка

Вторая строка


Предыдущии два заголовка я создал без применения таблиц и пр.

Итак, почему следует использовать CSS

1) Это грамотно с точки зрения XML так как таким образом мы разделяем оформление с содержанием
2) Это просто так как нам не надо каждый раз писать весь набор параметров тега
3)Мы можем очень легко обновлять дизайн сайта простой сменой css-файла (или сменой вложенной таблицы)
-=оглавление=- next=>