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

UptoLike

ВУЗ: 

ТГТУ | Тамбов

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

Рубрика: 

3.1.3. Ссылка на внешнее описание
Обычно такой способ используют для придания нескольким документам одного стиля. Ссылка на описание стиля, рас-
положенное за пределами документа, осуществляется при помощи элемента LINK, который размещают в элементе HEAD.
Внешнее описание может представлять из себя файл, содержание которого – описание стилей. Описание стилей в этом фай-
ле будет по синтаксису в точности совпадать с содержанием элемента STYLE.
Ниже приведен пример ссылки на внешнее описание стилей:
<link type="text/css" rel="stylesheet" href="http://kuku.ru/my_css.css">
Важными здесь являются значения атрибутов rel и type. Rel обязан иметь значение "stylesheet". Type может принимать
значения: "text/css" или "text/javascript". Второй тип описания стилей введен Netscape.
Атрибут href задает универсальный локатор ресурса (URL) для внешнего файла описания стилей. Это может быть
ссылка на файл с любым именем, а не только на файл с расширением *.css.
Файл my_css.css, в свою очередь, является обычным текстовым файлом. Например:
body {background:black; font-size:9pt; color:red; font-family:Arial Black;}
.base{color:blue; font-style:italic;}
h1 {color:white;}
#bold {font-weight:bold;}
3.2. НАСЛЕДОВАНИЕ И ПЕРЕОПРЕДЕЛЕНИЕ
При обсуждении технических спецификаций часто бывает полезно вникнуть в смысл названия. В названии принято
точно определять суть и назначение стандарта или спецификации. Описание стилей отображения элементов HTML-разметки
носит название "Каскадные таблицы стилей". Со словом "стилей" все более-менее понятно. Под словом "таблицы" следует
понимать набор свойств элемента разметки, который можно представить в виде строки в таблице свойств, т.е. элементы раз-
метки – строки, а свойства – столбцы. А вот слово "каскадные" требует пояснения.
Во-первых, существует иерархия элементов разметки (дерево объектов на странице). Во-вторых, свойства этих объек-
тов могут наследоваться. Таким образом, в дереве объектов образуется ветвь, которая ведет к листу дерева – элементу раз-
метки, например, элементу списка или параграфу. Его свойства определяются элементами разметки, в которые вложен эле-
мент, и описателями стиля для данного элемента (рис. 23).
Текст на рис. 23 закодирован в терминах разделов и списка следующим образом:
<DIV STYLE="margin-left:10px;margin-top:10px;">
Это начало первого раздела, который сдвинут на 10 пикселей вправо относительно левого края параграфа и на 10 пик-
селей вниз относительно стандартной границы параграфа.
<DIV STYLE="margin-left:10px;margin-top:20px;
text-indent:10px;font-style:italic;">
Рис. 23
Это начало второго раздела, который сдвинут относительно предыдущего раздела на 10 пикселей, а относительно пара-
графа – на 20 пикселей. Данный раздел имеет красную строку с отступом в 10 пикселей и смещен относительно предыду-
щего раздела на 20 пикселей.
<UL STYLE="margin-left:10px;">
<LI>первый элемент списка
<LI>второй элемент списка
</UL>

Страницы