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

Описание


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

1 | >> 2 <<
Исходный HTML документСтилевая Surfing таблица
<html>
<head>
<link rel='stylesheet' type='text/css' href='css2.css'>
<title>A Surfing 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 {font-style:italic}
h2 {text-decoration:underline;}
h3 {text-transform:lowercase}
h4 {text-decoration:line-through}
h5 {text-transform:uppercase}
p  {color:green}

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