Импортирование из стилевого файла.

Для этого следует использовать тег <LINK> с атрибутом href = "style.css": <LINK href="style.css">

Данный тег (<LINK>) необходимо расположить в заголовке HTML-документа. Также в этом теге могут присутствовать атрибуты type="text/css" и rel="stylesheet". Как было описано выше, атрибут type="..." предназначен для определения языка листа стилей, а атрибут rel="..." показывает броузеру, что гиперссылка href="..." указывает на файл, содержащий определения стилей. Сам стилевой файл содержит только описания тегов и никаких дополнительных тегов в подобном файле не требуется. Пример такого файла приведен в листинге 1.

 

Листинг1. Пример файла описания стилей

р {

text-indent: 25;

font-size: 20;

color: black;

}

H1 {

text-align: center;

color: black;

}

 

В приведенном стилевом файле описаны два тега - <Р> и <Н1>. Для тега <Р> определяются такие параметры, как отступ первой строки абзаца (text-indent: 25;), который в данном случае равен 25 пикселям; размер (font-size: 20;) и цвет (color: black;) шрифта. Для тега <Н1> определяется выравнивание (text-align: center;) и цвет.

Кроме того, что для одного тега можно одновременно определить несколько атрибутов, существует возможность одновременного определения параметров нескольких тегов. Например:

HI {text-align: center; color: red;}

H2, H3 {text-align: left; color: black;

font-size: 20}

Здесь для тега <Н1> задается выравнивание по центру и красный цвет символов, а для тегов <Н2> и <НЗ> (одновременно)