|
Синтаксис стиля CSS имеет следующую структуру:
Селектор {свойство:значение [; свойство:значение [...]]}
например:
p{color:green; font-size:14pt}
Если нужно определить стиль не для всех элементов на станице (в данном примере не для
всех абзацев), можно определить несколько вариантов стиля:
p.red{color:red}
p.blue{color:blue}
Если нам нужно определить один стиль для различных элементов, можно описать класс следующим образом:
.red{color:red}
| Код | Отображение на экране |
|---|
<head>
<style>
p.green{color:green}
p.blue{color:blue}
.red{color:red}
</style>
</head>
<body>
<p class="green">
Абзац 1
</p>
<p class="blue">
Абзац 2
</p>
<ol>
<li> Первая строка списка
<li class="red"> Вторая строка списка
</ol>
</body>
|
Абзац 1
Абзац 2
1. Первая строка списка
2. Вторая строка списка
|
| 