ІНТЕРНЕТ В БІЗНЕСІ

3.6.2 Включаемые стили

Включаемые стили, которые также называют внутренними стилями, применяются ко всей Web-странице. Дескриптор <style> помещается в заголовок HTML-документа Стили определяются для различных типов HTML-документов. Так, например, вы можете задать отображение всех элементов <hl> серым цветом с использованием шрифта Verdana размером 14 пунктов (соответствующий код приведен ниже) Стиль будет применен к каждому элементу <hl> в составе данного документа. Если вы захотите, чтобы все заголовки первого уровня отображались другим цветом, вам достаточно изменить соответствующее свойство в определении стиля.

Как видно из приведенного ниже кода, внешний вид HTML-документа, в котором используются листы стилей, несколько отличается от документа, который соответствует традиционному стандарту HTML. В данном примере заданы цвет фона, цвет текста, шрифт для отображения заголовков H1, а также стили абзацев и гипертекстовых ссылок Заметьте, что для заголовка первого уровня <hl> указаны начертание и размер шрифта в пунктах. Это одна из дополнительных возможностей, предоставляемых CSS. Вы можете задавать размер не только в пунктах, но и в пикселях (рх), процентах (75 percent) и сантиметрах (cm).

<title>Использование включаемых листов стилей. Пример 1</title>

<style>

<!--

body{background:#FFFFFF;color:#000000;}

h1{font: 14pt verdana;color: #CCCCCC;}

P {font: 13pt times;}

A {color: #FF0000; text-decoration: none;}

-->

</style>

</head>

<body>

<h1>B. Шекспир. Перевод С. Маршака</h1>

Твоя душа противится свиданьям.<br>

Но ты скажи ей, как меня зовут.<br>

Меня прозвали <a href ="william.html ">"волей"</a>

иль <a href ="william.html">"желаньем"</a><br>

А воле есть в любой душе приют.<br><br>

Она твоей души наполнит недра<br>

Собой одной и множествами <a href =" william.html" > воль</a>.<br>

А в тех делах, где счет ведется щедро,<br>

Число "один" - не более чем ноль. <br><br>

</body>

</html>

Содержание