Урок 3. Расширение свойств тэгов.
Простейший пример описания тэга BODY иллюстрирует лишь
самую первую ступень нашего изучения. Мы смогли окрасить страницу в зеленый
цвет, однако ту же проблему можно было решить и без применения стилей. Теперь
я хочу показать вам, как с помощью CSS расширяются свойства тэгов. Для начала
рассмотрите такой пример:
<HTML>
<HEAD>
<STYLE TYPE="text/css">
<!--
BODY {background-color: gray;}
H1 {background-color: blue;
Font-size: 200%;
Color: black;
Text-align: center;}
-->
</STYLE>
</HEAD>
<BODY>
<H1>Это заглавие</H1>
</BODY>
</HTML>
Посмотрите, что у меня получилось. Конечно, с точки зрения дизайна,
это безобразный кусок непонятной субстанции, но уже здесь вы можете лицезреть
те преимущества, которые дает нам CSS:
Начнем с того, что мы смогли задать фоновый цвет элемента
H1. То же самое можно проделать и с другими уровнями H, а также с P и прочими
тэгами. Размер текста был определен свойством Font-size,
значение которого можно указать, как в процентах, так и в пикселях, например
Font-size: 8; С остальными свойствами такая же
петрушка.
Как видно из примера, использование CSS существенно облегчает
процесс форматирования Web-страниц, и в этом заключается их главное преимущество.
