| ... |
|
|
|
|
|||
|
Возможности CSS1 ||
Возможности CSS2 ||
Включение CSS в HTML
Таблица стилей может быть написана не только на языке CSS, но и на каком-либо другом, например XSL. Для установки языка таблицы стилей по умолчанию используется элемент мета. Как вы помните, этот элемент задает разного рода служебную информацию и располагается в секции HEAD:
Атрибут http-equiv="Content-Style-Type" указывает на то, что данный элемент МЕТА относится к таблице стилей, а атрибут content="text/css" показывает, что таблицы стилей будут написаны на языке CSS. Чтобы разобраться, как добавляются стили в HTML-документ, давайте вернемся кпримеру самого первого документа, который мы создали в процессе изучения HTML. Напомню, это была страничка с описанием строительной фирмы "Дом". Выглядела она так:
Предположим, что нам захотелось изменить цвет заголовка с черного, каким он сейчас является, на зеленый. Тогда мы можем написать дополнительный атрибут, задающий стиль оформления непосредственно в элементе H1:
Атрибут style может использоваться в любом элементе HTML для задания его стиля оформления. В кавычках указывается правило CSS, описывающее, какое оформление должен иметь элемент. В данном случае задается цвет (color) и указывается конкретный цвет (green — зеленый). В качестве разделителя параметра и его значения в CSS используется двоеточие.
|
|||||||||||||||||||||||
| <Н1 style="color:green">Зеленый заголовок</Н1> |
Недостаток внутренних таблиц стилей заключается в их неуниверсальности. В результате использования атрибута style только один заголовок в документе станет зеленым. Для остальных придется точно так же задавать атрибут style либо следует создать троенную таблицу стилей.
Встроенные таблицы добавляются в HTML-документ между тегами STYLE в секции HEAD документа. Например, чтобы сделать все заголовки первого уровня зелеными, можно написать такую встроенную таблицу:
<STYLE type="text/css">
H1 {
color: green
}
</STYLE>
|
Замечание.Чтобы в элементе STYLE указать, что это именно таблица стилей CSS, нужно задать атрибут type="text/ess". Если значение по умолчанию для таблиц стилей уже задано элементом мета, атрибут type в этом случае можно опустить. |
| Уроки CSS © 2007 - 2012 г. Все права защищены | ||