Основы Web-инжиниринга. Часть 1. Громов Ю.Ю - 53 стр.

UptoLike

ВУЗ: 

ТГТУ | Тамбов

Составители: 

Рубрика: 

Список сдвинут относительно второго раздела на 10 пикселей, а относительно текущего параграфа – на 30 пикселей.
Первая строка не является строкой начала параграфа, поэтому на нее отступ не распространяется (только в Netscape).
</DIV>
</DIV>
Таким образом отступы отсчитываются относительно элемента, в который вложен текущий элемент. Все параметры,
которые не были переопределены в текущем элементе, наследуются из старшего по иерархии элемента. Последнее хорошо
продемонстрировано в применении стилей отображения списка, который вложен в раздел и поэтому отображается курсивом.
При использовании стилей действуют следующие правила старшинства стилей (рис. 24):
• сначала применяются стили браузера по умолчанию;
• стили браузера по умолчанию переопределяются прилинкованными стилями (элемент LINK заголовка документа);
• прилинкованные стили переопределяются описаниями стилей в элементе STYLE;
• стили элемента STYLE переопределяются атрибутом STYLE в любом из элементов разметки.
Рис. 24
Не все атрибуты стиля могут наследоваться. Например, "набивка" (отступ содержания элемента от его границ) элемента
BODY не наследуется вложенными в него элементами и определяется по умолчанию или прописывается для каждого элемента
отдельно. Алгоритмы наследования в Internet Explorer и в Netscape Navigator разные, поэтому для единства отображения эле-
ментов следует прописывать стиль по максимуму атрибутов.
3.3. СИНТАКСИС ТАБЛИЦ СТИЛЕЙ
Независимо от того, какой способ применения таблиц стилей использован, синтаксис их схож. Он состоит из трех час-
тей:
• Селектора (selector), обладающего свойствами, которые, в свою очередь, имеют значения.
• Свойств (property) селектора. Например, к свойствам селектора абзаца (Р) относятся отступы (margin), шрифты (font)
и т.д.
• Значений (value) свойств селектора.
Свойства и значения образуют объявление (declaration). Селектор и объявление образуют правило (rule) со следующим
порядком записи.
Формально стиль отображения элементов разметки задается ссылкой в элементе разметки на селектор стиля. Синтаксис
описания стилей в общем виде представляется следующим образом:
selector[, selector[, ...]]
{ attribute:value;
[attribute:value;...] }
или
selector selector [selector ...]
{ attribute:value;
[attribute:value;...] }
В первом варианте перечислены селекторы, для которых действует данное описание стиля. Второй вариант задает ие-
рархию вложенности селекторов, для совокупности которых определен стиль. Описания стилей размещаются либо внутри
элемента STYLE, либо во внешнем файле.
В качестве селектора можно использовать имя элемента разметки, имя класса и идентификатор объекта на HTML-
странице.
Атрибут (attribute) определяет свойство отображаемого элемента, например левый отступ параграфа (margin-
left), а значение (value) – значение этого атрибута, например, 10 типографских пунктов (10 pt).
3.3.1. Селектор – имя элемента разметки
Когда автор Web-узла хочет определить общий стиль всех страниц, он просто прописывает стили для всех элементов
HTML-разметки, которые будут использоваться на страницах. Это дает возможность скомпоновать страницы из логических
элементов, а стиль отображения элементов описать во внешнем файле.
Такой способ создания сайта позволяет автору изменять внешний вид всех страниц путем внесения изменений в файл
описания стилей, а не в файлы HTML-страниц.
Внешний файл при этом может выглядеть следующим образом:
I, EM {color:#003366;font-style:normal}
A, I {font-style:normal;font-weight:bold;
text-decoration:line-through}
В первой строке этого описания перечислены селекторы-элементы, которые будут отображаться одинаково:

Страницы