<html>
<head>
<title>Образец использования CSS</title>
<STYLE type="text/css">
<!--
B#num1 { text-transform: uppercase; }
P#num2 { margin-left: 40pt; }
A:link#cool { color: #000080; text-decoration: none; }
A:visited#cool { color: #000080; text-decoration: none; }
A:hover#cool { color: #000080; text-decoration: underline; }
IMG#cat { float: left }
-->
</style>

</head>

<body>
<h1>Привет, мир!</h1>

<B id="num1">ОбРаЗеЦ ТеКсТа</b>
<BR><B>образец текста</b>

<P>Абзац без отступа.
<P id="num2">Абзац с отступом 40pt.
<P>Ниже образцы форматирования ссылок - верхний по умолчанию, нижний с использованием CSS.
<br><A href="css6.1.htm">Кликните тут</a>
<br><A href="c6.1.htm" id="cool">Кликните тут</a>

<hr>
<p><img border="0" src="cat.jpg" align="texttop">Первый абзац: Это изображение не форматируется CSS, способ расположение относительно текста задан параметром <font color="#0000FF">align="texttop"</font>.
<p>Второй абзац: Жил-был кот. Мышей не ловил, всегда спал, много ел.</p>
<hr>
<p><img border="0" src="cat.jpg" id="cat">Первый абзац: Это изображение определено таблицей стилей как плавающее со смещением влево.</p>
<p>Второй абзац: Жил-был кот. Мышей не ловил, всегда спал, много ел.</p>

</body>
</html>

Hosted by uCoz