English | Português | >> По-русски <<ZVON > Tutorials > CSS tutorial
Введение / Поиск / ZVON
>> Пример 1 << | Предыдущий | Следующий | Содержание

Описание

В этом курсе вы научитесь задавать вид ваших страниц в одном центральном CSS-файле. Пример-1 и Пример-2 используют тот же исходный HTML текст, но применяют разные стилевые таблицы при форматировании. Стилевая таблица определяется гипертекстовой ссылкой. Атрибут href дает адрес стилевого файла, атрибут типа должен иметь значение "text/css", а атрибут rel - значение "stylesheet".

>> 1 << | 2
Исходный HTML документСтилевая CSS таблица
<html>
<head>
<link rel='stylesheet' type='text/css' href='css1.css'>
<title>A CSS example</title>
</head>
<body>

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<p>Text</p>
</body>
</html> 		h1 {color:blue}
h2 {color:navy}
h3 {color:olive}
h4 {color:purple}
h5 {color:maroon}
p  {font-weight:bold; 
    color:red;}

Выход браузера