Три способа задания стилей



Предыдущая | Следующая
Три способа задания стилей
Стандарт CSS допускает задавать стили тремя различными способами. Сейчас мы их рассмотрим.
Первый способ — поместить стили во внутреннюю таблицу стилей. Мы уже знаем, что внутренняя таблица стилей находится в секции заголовка Web-страницы внутри парного тега <style>. Внутренние таблицы стилей используются, если нужно применить какой-то набор стилей только внутри этой страницы.
Второй способ — поместить нужные стили во внешнюю таблицу стилей. Внешняя таблица стилей хранится в отдельном файле с расширением ess и подключается к Web-странице с помощью особого одинарного тега <link>. Вот так:
<LINK REL="stylesheet" HREF="styles.ess" TYPE="text/ess">
Из трех атрибутов этого тега нас интересует только атрибут href. Он задает файл, в котором хранится внешняя таблица стилей. Остальные атрибуты несут служебную информацию и предусмотрены для особых случаев.
Содержимое файла таблицы стилей — то же самое, что и тега <style>. Единственное: сам тег при этом указывать в файле не нужно.
Внешние таблицы стилей следует использовать, если нужно применить один и тот же набор стилей сразу к нескольким Web-страницам.
И последний способ — самый интересный. Это встроенные стили, описания которых помещаются прямо в нужный тег, точнее, в особый атрибут style, поддерживаемый практически всеми видимыми тегами HTML.
<Р STYLE="font-size: 9pt; color: green;">Маленький и зеленый.</Р>
Этот пример показывает, как задается встроенный стиль. Фактически он содержит только описание стиля. Имя здесь не указывается, так как этот стиль не нужно однозначно идентифицировать — и так ясно, к какому тегу он должен быть применен.
Если же нужно применить какой-либо стиль к произвольному фрагменту текста, не являющемуся содержимым никакого тега, то нужно использовать особый парный тег <span>. Этот тег занимается только тем, что помечает фрагмент текста для привязки к нему стиля.
<Р>Это <SPAN STYLE="text-decoration: underline;">подчеркнутый</ЗРАЫ> текст.</Р>
Оформляемый фрагмент текста просто помещается внутрь тега <span>, после чего мы можем делать с ним все что угодно.
В одной и той же Web-странице могут быть использованы все три способа задания стилей одновременно. То есть к странице может быть подключена внешняя таблица стилей, в секции заголовка — содержаться внутренняя, а к некоторым тегам — применены встроенные стили. Это позволяет очень гибко управлять оформлением Web-страниц.

 

Содержание Книга по php и mysql