Переопределение стилей
Любой элемент HTML-документа может иметь атрибут STYLE, который позволяет переопределить его стиль. Например, таким образом можно переопределить ширину горизонтального отчёркивания:
<HR STYLE="width: ширина">
Для каждого элмента HTML-документа доступен не весь набор атрибутов стиля.
Стили преимущественно ориентированы на текстовые элементы, поэтому применять их к нетекстовым элементам не рекомендуется.
Контейнер STYLE
Внедрение стилей в HTML-документ контейнером STYLE является основным. Контейнер STYLE позволяет описать свойства не только содержащихся в HTML-документе элементов, но и элементов внедряемых при помощи JavaScript.
Определение стилей внутри контейнера STYLE возможно для:
- стандартных элементов HTML;
- классов (селектор CLASS);
- объектов (селектор ID).
При несоблюдении стандартов W3C, работа с селекторами может сопровождаться ошибками в процессе интерпретации.
В общем случае контейнер STYLE описывается следующим образом:
<HEAD>
...
<STYLE>
селектор {атрибут: значение; ...}
</STYLE>
</HEAD>
<BODY>
...
</BODY>
Ссылка на внешнее описание стилей
Описание стилей расположенное вне HTML-документа можно применить через элемент LINK, размещаемый в контейнере HEAD. Внешнее описание стилей при этом содержится в отдельном файле, а его синтаксис в точности повторяет синтаксис описания стилей контейнера STYLE.
В общем виде ссылка на внешнее описание имеет следующий формат:
<LINK TYPE="text/css" REL="stylesheet" HREF="URL_файла.css">
где TYPE должен иметь значение «text/css» или «text/javascript», a REL — stylesheet. При этом значение «text/javascript» атрибута TYPE ввёл Netscape. Атрибут HREF содержит URL (универсальный локатор ресурса) файла с внешним описанием стилей. Расширение этого файла может быть отличным от css.
Импорт внешнего описания стилей
Внешнее описание стилей импортируется в контейнер STYLE либо в файл внешнего описания стилей. Импорт внешнего описания стилей должен быть указан выше прочего содержимого контейнера STYLE или файла внешнего описания стилей.
Оператор импорта внешнего описания стилей имеет следующий вид:
@import url(URL_файла.css);
После импорта внешнего описания стилей, любой хранимый в нём стиль можно переопределить в контейнере STYLE или в атрибуте STYLE.
Обновлено: 15:48 29.05.2019
Назад