HTML 10 минут на урок

Печать

• Внутритекстовые. Свойства стилей описываются в произвольном месте HTML-документа. Каждому тегу назначаются свои собственные стили по мере их определения.

• Связанные. Информация о свойствах стилей сохраняется в отдельном файле. Этот файл может быть подключен к любому HTML-документу с помощью тега <link>, помещаемого внутри тега <head>.

В следующих разделах данного урока описывается, как создавать стилевые таблицы и как применять их к HTML-документам.

Даже если не учитывать преимущества, предоставляемые стилевыми таблицами при форматировании документов, их использование, вне всяких сомнений, позволит вам, как Web-дизайнеру, сэкономить массу рабочего времени и усилий. Поскольку уже созданные стилевые таблицы можно применять к произвольному количеству HTML-документов, последующее внесение корректирующих изменений будет выполняться в течение минут, а не часов или целых дней.

Если не применять стилевые таблицы, то для изменения внешнего вида какого-то отдельного тега Web-сайта пришлось бы открывать каждый документ, находить в нем этот тег, вносить в него изменения, сохранять документ, переходить к следующему документу и т.д. С другой стороны, можно изменить этот тег только в одном документе, где описаны стилевые таблицы, и эти изменения сразу же вступят в силу для всех страниц, к которым подключен документ.

Определение правил

Правила стилевых таблиц состоят из селекторов (тегов HTML, для которых создается стиль) и описаний (свойств стилевых таблиц и их значений). В приведенном далее примере селектором является тег <body>, а описание состоит из стилевого свойства (background) и его значения (black). В данном случае для всего документа в качестве фонового устанавливается черный цвет, body {background:black}

©