Каскадные таблицы стилей
При оформлении HTML-документов приходится по нескольку раз прописывать однотипные теги. Использование каскадных таблиц стилей (CSS) позволяет значительно упростить эту работу. Поддержка стандарта каскадных таблиц стилей и их программируемых элементов появилась, начиная с версии 4.0 и Netscape, и Internet Explorer.
Существует три основных варианта использования таблиц стилей.
Вариант первый
Описание стиля располагается непосредственно внутри тега элемента, который вы описываете. Это делается с помощью параметра STYLE. Этот метод нежелателен, и понятно почему: он приводит к потере одного из основных преимуществ CSS – возможности отделения информации от описания оформления информации. Впрочем, если необходимо описать лишь один элемент, этот вариант расположения описания стилей также вполне применим.
<H1 STYLE=«font-family: Arial. Helvetica. San Serif»> Мой сайт H1>
<P STYLE=«font-size: 12 рt»> Добро пожаловать на мой сайт. Р>
Если нужно задать сразу несколько свойств, их разделяют точкой с запятой:
Атрибут STYLE применяется лишь тогда, когда нужно изменить свойства одного-двух конкретных элементов, расположенных в конкретном месте страницы.
Вариант второй
Если необходимо многократное применение заданного стиля, его описание таблиц стилей размещается в разделе в теге . Параметр TYPE=«text/css» является обязательным и служит для указания броузеру использовать CSS.
Выбранный элемент (в данном случае <Р>) в терминах CSS называется селектором, а все, что располагается между фигурными скобками, – определением. Все вместе называется правилом.
Селекторы это те буквы, из которых состоят определения элементов HTML: P, H1, UL и т. д. При создании правила вы сопоставляете выбранному элементу определение стиля. Например, UL {List-Style: Disc}
Элемент