Составители:
Рубрика:
6
NB! Подобных объявлений стиля следует избегать, поскольку они
противоречат концепции разделения описания структуры и
параметров внешнего отображения. К тому же, это
нерационально с точки зрения рациональности разработки и
дальнейшего сопровождения веб-ресурса.
Стили уровня документа
В разделе head в контейнере style (не путайте с атрибутом
style, о котором говорилось выше!) может быть описан набор правил
стиля в соответствии с синтаксисом CSS. Эти правила будут
применены к соответствующим элементам данного документа.
Например:
<head>
<style type="text/css">
h1 {font-size:24px}
</style>
</head>
При наличии такого описания все заголовки 1-го уровня данного
документа будут выведены шрифтом
размера 24 пиксела.
Такое объявление стилей применяется, если данный документ
содержит элементы с уникальным внешним оформлением, которое не
повторяется в других документах сайта. В том же случае, когда
одинаковое оформление структурных элементов используется в ряде
документов, следует применять внешние таблицы стилей.
Внешние таблицы стилей
Наиболее рационально с точки зрения разработки сайта и его
сопровождения сохранять стилевые описания, актуальные для всех
(или ряда) документов в отдельных файлах. При необходимости
можно будет внести нужные изменения в файлы описаний, и внешний
вид документов сайта соответственно будет изменен при отображении
браузером. Адрес внешнего файла с описанием стилей указывается
в
разделе head по крайней мере двумя способами: в элементе link,
7
либо с помощью команды @import. Сразу скажем, что формат
элемента link более универсален, привычен и удобен.
Пусть, например, некий условный набор правил стиля, заданный в
синтаксисе CSS, например такой:
h1 { font-size: 24px }
h2 { font-size: 18px }
сохранен в файле mystyle.css. Для простоты предположим, что этот
файл находится в том же каталоге, что и документ, к которому он
присоединяется (в противном случае, как обычно, надо будет указать
путь к файлу относительно документа). Ниже показано, как сообщить
браузеру о необходимости использования этого описания при
отображении документа.
Присоединение внешней таблицы стилей
в элементе link
Этот метод используется в подавляющем большинстве случаев.
Внешняя таблица стилей, сохраненная в файле mystyle.css, может
быть присоединена к документу с помощью элемента link,
определенного в разделе head следующим образом:
<head>
<link type="text/css" rel="stylesheet"
href="mystyle.css">
</head>
Атрибуты элемента link:
• type – определяет тип содержимого присоединяемого файла. В
нашем случае это текстовый файл с описаниями CSS, ему
соответствует тип
text/css
• rel – определяет отношение (relation) присоединяемого файла к
данному документу. В нашем случае присоединяемый файл
является для документа таблицей стилей (stylesheet), что и
отражено в значении атрибута.
Страницы
- « первая
- ‹ предыдущая
- …
- 2
- 3
- 4
- 5
- 6
- …
- следующая ›
- последняя »