CSS – pacшифpoвывaeтcя кaк Cascading Style Sheets (кacкaдныe тaблицы cтилeй). Каскадные таблицы стилей - CSS, представляют собой простую технологию определения и присвоения стилей к документу HTML. Под cтилем подразумевается всё то, что определяет внешний вид документа HTML при его отображение в окне браузера: шрифты и цвета заголовков разных уровней, шрифт и разрядка основного текста, задываемого в тэге абзаца, и т.д. Стиль задаётся по определённым правилам, а таблица стилей - это набор правил отображения,
применяемых в документе, к которому присоединена соответствующая таблица стилейпpaвляют внeшним видoм дoкумeнтa.
Таблица стилей - это шаблон, который управляет форматированием тэгов HTML в Web-документе. Если читатель работал с текстовым редактором Microsoft Word, то концепция таблицы стилей напомнит ему концепцию стилевых файлов этого редактора: изменить внешний вид документа Word можно простым изменение присоединенных к нему стилей. Точно также изменить внешний вид документа HTML можно простым изменением присоединённой к нему таблицы стилей.
Почему в название таблиц стилей включено определение "каскадные"? Дело в том, что рекомендации Консорциума W3 позволяют использовать несколько таблиц стилей для управления форматированием одного документа HTML, а браузер по определённым правилам выстраивает приоритетность применения этих таблиц. Они выстраиватваются неким "каскадом", по которому и "прокатывается" документ.
Для разработки таблицы стилей достаточно немного ориентироваться в языке HTML и быть знакомым с базовой терминологией настольных издательских систем. Как отмечалось выше, таблица стилей представляет собой набор правил форматирования элементов HTML. Эти правила достаточно просты и легко запоминаемы. Синтаксис их следующий:
|
ТЭГ { свойство: значение }
|
Например, если необходимо, чтобы в документе все заголовки первого уровня отображались сиим цветом и шрифтом размером 16 пунктов, то в таблице следует задать правило:
|
H1 { color: blue; font-size: 16pt }
|
Как видите, "грубо" говоря, правило - это строчка кода в таблице стилей.
Любое правило каскадных таблиц стилей состоит из двух частей: селектора и определения. Селектором может быть любой тэг HTML для которого определение задаёт, каким образом необходимо его форматировать. Само определение, в свою очередь, также состоит из двух частей свойства и его значения, разделённых знаком двоеточия (:). Назначение свойства очевидно из его названия. В приведённом правиле селектором является элемент H1, а определение, записанное
в фигурных скобках, задаёт значения двух свойств заголовка первого уровня: цвет шрифта (свойство color, значение blue) и размер шрифта (свойство font-size, значение 16pt). В одном правиле можно задавать несколько определений, разделённых символов точка с запятой (;), как это демонстрируется в приведённом примере.
Синтаксис правил каскадных таблиц стилей не чувствителен к регистру. Селекторы, свойства и их значения можно задавать как строчными, так и прописными буквами, или в смешанном порядке.
Авторы страниц HTML должны писать свои таблицы стилей, только если они хотят придать документу вид, отличный от вида, предоставляемого умалчиваемой таблицой стилей браузера.
тест |
Вперед >>
|