Связанные таблицы стилей

Связанные (linked), или внешние (external), таблицы стилей являются расширением понятия внедренных стилей.Используется тот же самый код, что и для внедренной таблицы стилей, но он помещается в отдельный документ (файл с расширением .css). После этого с этим документом (файлом) связываются все страницы, к которым необходимо применить данный стиль.

Вот как выглядит пример связанной таблицы стилей:

<style>
BODY{
	background: #ffffcc;
	color: #000000;
}
P {
	font-family : sans-serif;
	font-style : italic;
	font-size : 16pt;
	color: #006633;
}
 H1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24pt;
	color:  #996633;
}
</style>

Теперь сохраним этот документ как отдельный файл. Назовем его style-l.css и поместим в папку таблиц стилей с именем style.
С этим документом любое количество страниц HTML. Для этого нужно использовать между тегами </title> и </head> следующую конструкцию:

<link rel=stylesheet href="style-1.css" type="text/css">

Любая страница, содержащая такую связь, будет оформлена в соответствии со стилями, указанными в файле style_1.css.

Связанные таблицы стилей

Практическая работа