Главная Обратная связь

Дисциплины:

Архитектура (936)
Биология (6393)
География (744)
История (25)
Компьютеры (1497)
Кулинария (2184)
Культура (3938)
Литература (5778)
Математика (5918)
Медицина (9278)
Механика (2776)
Образование (13883)
Политика (26404)
Правоведение (321)
Психология (56518)
Религия (1833)
Социология (23400)
Спорт (2350)
Строительство (17942)
Технология (5741)
Транспорт (14634)
Физика (1043)
Философия (440)
Финансы (17336)
Химия (4931)
Экология (6055)
Экономика (9200)
Электроника (7621)






Создание файла таблицы стилей



 

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

Ниже представлен листинг, который содержит пример простой таблицы каскадных стилей.

 

/* Имя файла: Inventory01 .сss */

BOOK

{

display: block;

margin-top: 12pt;

font-size: 10pt

}

TITLE

{

font-style: italic

}

AUTHOR

{

font-weight: bold

}

 

Эта таблица стилей предназначена для присоединения к XML-документу, представленному выше в листинге 1.2

Таблица стилей состоит из одного или нескольких правил (иногда их называют набором правил). Правило содержит информацию по отображению определенного типа элемента в XML-документе. На рисунке ниже представлено правило для элементов BOOK с указанием его составных частей.

Селектор представляет собой имя типа элемента, к которому относится информация по отображению.

 

За селектором следует блок объявлений, который ограничивается фигурными скобками ({}) и содержит одно или несколько объявлений, разделяемых точкой с запятой.

Каждое объявление задает установку определенного свойства, такого как размер шрифта, который будет использован для отображения элемента. Объявление состоит из свойства, вслед за которым идет двоеточие, после которого следует значение для данного свойства. Например, следующее объявление устанавливает для свойства font-Size (размер шрифта) значение 10pt(10 пунктов) (см. следующий рисунок).

 

Таблица стилей может также содержать комментарии. Комментарии в таблице стилей начинаются с символов косой черты и звездочки (/*) и заканчиваются символами звездочки и косой черты (*/). Между этими парами символов-ограничителей можно поместить любой текст. Когда браузер прочитывает таблицу стилей для форматирования документа, он игнорирует этот текст. Комментарий можно использовать для пояснений, указания назначения и действия таблицы стилей. В качестве примера можно привести комментарий в начале таблицы стилей из Листинга 1.3:

 

/* Имя файла: Inventory01.сss */

Комментарии можно использовать также в процессе разработки таблицы стилей, чтобы временно отключить правило или его часть. Например,

 

BOOK

{display: block;

/* margin-top: 12pt; */



font-size: 10pt}

 

Пример таблицы стилей, представленной в Листинге 1.3, содержит следующие объявления:

· display: block. Помещает пустую строку перед и после текста элемента; (Эта установка имеет и другие назначения)

· margin-top: 12pt. Добавляет верхнее поле (отбивку) высотой в 12 пунктов к тексту элемента;

· font-size: 10pt. Устанавливает размер шрифта, используемого для отображения текста элемента, в 10 пунктов;

· font-style: italic. Отображает текст элемента курсивом;

· font-weight: bold. Отображает текст элемента полужирным.

Набор свойств, используемых в таблицах каскадных стилей, похож на набор свойств, которые можно применять в текстовом процессоре.

 


Эта страница нарушает авторские права

allrefrs.ru - 2019 год. Все права принадлежат их авторам!