Далее приведена строка CSS-кода. Она называется объявлением. Объявление состоит из свойства (color) и значения (black):
color: black;
Свойства не следует путать с атрибутами, которые относятся к синтаксису HTML. Например, в элементе часть href — это атрибут элемента a.
Группа объявлений внутри фигурных скобок называется блоком объявлений. Блоку объявлений предшествует селектор (в данном случае body):
body {
color: black;
font-family: Helvetica;
}
В совокупности селектор и блок объявлений называются набором правил. Набор правил также называют правилом, хотя, по моему мнению, это слово редко используется в таком смысле. Обычно оно стоит во множественном числе и обозначает набор стилей.
Наконец, @правила — это языковые конструкции, начинающиеся с символа @, такие как запросы @import или @media.
Важно знать, что класс clearfix применяется к элементу, содержащему плавающие элементы. Распространенная ошибка — применение данного класса к неподходящему элементу, например непосредственно к плавающему элементу или контейнеру, стоящему после контейнера с плавающими элементами.
Свойство vertical-align влияет только на строчные и табличные элементы. В случае со строчными элементами оно контролирует выравнивание между элементами в одной строке. Например, вы можете использовать его для управления тем, как строчное изображение выравнивается с соседним текстом.
border-width: auto и padding: auto
Запомните порядок применения стилей ссылок: непосещенная, посещенная, наведение, активная.
1. Наиболее специфичным будет селектор с идентификаторами. Чем больше идентификаторов, тем специфичнее будет селектор.
2. Далее идет селектор с наибольшим количеством классов.
3. Следующий по специфичности будет селектор с наибольшим количеством тегов.