Основы CSS
ISBN 978-5-4496-2174-0
Каскадные таблицы стилей
Существует три основных варианта использования таблиц стилей.
Вариант первый
Описание стиля располагается непосредственно внутри тега элемента, который вы описываете. Это делается с помощью параметра STYLE. Этот метод нежелателен, и понятно почему: он приводит к потере одного из основных преимуществ CSS – возможности отделения информации от описания оформления информации. Впрочем, если необходимо описать лишь один элемент, этот вариант расположения описания стилей также вполне применим.
<H1 STYLE=«font-family: Arial. Helvetica. San Serif»> Мой сайт </H1>
Если нужно задать сразу несколько свойств, их разделяют точкой с запятой:
Атрибут STYLE применяется лишь тогда, когда нужно изменить свойства одного-двух конкретных элементов, расположенных в конкретном месте страницы.
Вариант второй
Если необходимо многократное применение заданного стиля, его описание таблиц стилей размещается в разделе <HEAD> в теге <STYLE TYPE=«text/css»> … </STYLE>. Параметр TYPE=«text/css» является обязательным и служит для указания броузеру использовать CSS.
<STYLE TYPE=«text/css»>
Р {FONT-STYLE: SMALL-CAPS}
</STYLE>
Выбранный элемент (в данном случае <Р>) в терминах CSS называется
Селекторы это те буквы, из которых состоят определения элементов HTML: P, H1, UL и т. д.
При создании правила вы сопоставляете выбранному элементу определение стиля. Например, UL {List-Style: Disc}Элемент <STYLE> может содержать и несколько правил. Каждое из них оканчивается закрывающей скобкой, поэтому даже на одной строке вы можете разместить более одного правила.
Далее, каждое определение может включать в себя несколько свойств. Они отделяются друг от друга точкой с запятой, но для улучшения читабельности кода лучше выносить каждое из них в отдельную строку:
Одно и то же определение можно применить сразу к нескольким элементам. Для этого надо написать несколько селекторов подряд, разделяя их запятыми.
Такой подход позволяет сделать элементы выглядящими однородно.
Вариант третий
Чтобы не загромождать сам HTML-документ, таблицу стилей можно вынести в отдельный файл. Расположение описания стилей в отдельном файле имеет смысл в случае, если вы планируете применять эти стили к большему, чем одна, количеству страниц. CSS-файлы создаются теми же средствами, что и сами HTML-документы (например, в редакторе Блокнот). При этом одна и та же таблица стилей может использоваться неограниченное число раз. Этот документ сохраняется с расширением. CSS