Главная

Применение CSS


©Tumaliev R.

Ключевые направления

Прочие публикации

Мои проекты

Услуги

Отзывы

Контакты

Акции

Личные кабинеты

Переопределение стилей

Любой элемент 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

Назад