Глобальные стили задают вид элементов всего документа. Для этого используется тег <style type="text/css">. Он размещается в заголовке документа.
Пример глобальных таблиц стилей.
<html>
<head>
<title>
Пример глобальных таблиц стилей
</title>
</head>
<style type="text/css">
body{background-image:url(oboi10.jpg); color:black; font-size:22px; }
h1{color:red; font-style:italic; font-size:32px}
.blue{color:blue}
#bold{font-weight:bold}
</style>
<body>
<h1>
Этот заголовок написан крупным красным курсивом
</h1>
Вот
<font class="blue">
это
</font>
слово - синие, a
<font id="bold"> это</font>
- жирное.
</body>
</html>
Результат выполнения программы:
В данном примере все элементы h1 будут написаны крупным красным курсивом, все элементы с указанным классом BLUE будут синими , а все элементы с идентификатором id="bold" станут жирными. Для простоты вместо <style type="text/css"> можно использовать просто тег <style>, что менее грамотно.
