Приветствую Вас, Гость

Создание списка стилей

Для создания списка стилей напишите одно или несколько правил между начальным и конечным дескрипторами (<style></style>) в разделе заголовка Web-страницы (в разделе <head>). (В этой главе будет рассказано, каким образом можно создавать каскадные списки стилей в форме внешних документов.) Откройте свой любимый текстовый редактор (например, Блокнот) и введите следующий HTML-код:

<html>
<head>
</title>Внедренный каскадный список стилей (CSS)</title>
<style type="text/css">
h1 {color:blue; font-size:40px; font-family:verdana}
p {color:white; background:green; font-family:helvetica; text-indent:2cm}
</style>
</head>
<body>
<h1>Текст заголовка уровня 1</h1>
<p>C использованием каскадных списков стилей можно независимо изменять внешний вид заголовков и текста на Web-странице.</р>
</body>
</html>

В приведенном примере код между начальным и конечным дескрипторами стиля (<style></style>) описывает каскадный список стилей. Пока что давайте не будем останавливаться на отдельных элементах списка стилей (называемых правилами) — их синтаксис будет рассмотрен чуть ниже. Сохраните набранный код Web-страницы в HTML-файле (например, в файле с именем css_Test1.htm), а затем откройте его в Web-браузере. На экране появится страница, показанная на рис. 4.3.

Рис. 4.3. Web-страница с каскадным списком стилей, который форматирует текст заголовка и абзаца