Введение
Правила css селекторов - это набор свойств, которые указывают браузеру, как нужно отображать html элемент.
Структура css правила
Селектор
Селектор "выбирает" html элементы, для которых будут описываться правила.
-
h1 {
-
color:blue;
-
margin-top:1em;
-
}
-
p {
-
padding:5px;
-
}
-
td {
-
background-color:#ddd;
-
}
Описание
Описание css правила располагается между фигурными скобками {}. Использование пробелов внутри описания не играет никакой важной роли, кроме визуального удобства.
-
h1 {
-
color:blue;
-
margin-top:1em;
-
}
-
p {
-
padding:5px;
-
}
-
td {
-
background-color:#ddd;
-
}
Описание css свойства
Описание css свойства указывает на то, какое из доступных свойств html элемента будет изменяться с помощью css. Описание свойства состоит из свойства и значения этого свойства. Между свойством и значениемнеобходимо ставить двоеточие ":", а описания разделяются между собой точкой с запятой ";"
-
h1 {
-
color:blue;
свойство
Свойство для описание правила выбирается из доступных свойств для html элемент. У разных элементов могут быть разные доступные свойства.
-
p {
-
padding:5px;
значение
Значение, которое можно использовать, зависит от указанного свойства.
-
h1 {
-
padding:5px;
