Синтаксис: селектор.класс {cвойства}
CLASS - атрибут элемента в HTML, определяющий его класс. В CSS можно описать собственные стили для различных классов одних и тех же элементов.
ПРИМЕР: H1.blue {color:blue; size:20pt;}
Все элементы H1 с атрибутом станут синими.
Можно определить несколько правил форматирования для одного элемента и с помощью параметра CLASS соответствующего тега применять разные правила форматирования.
Например, можно определить два класса для отображения заголовка первого уровня:
В тексте документа ссылка на соответствующий класс задаётся в параметре CLASS:
Красный шрифт
Красный шрифт на синем фоне
В приведённом примере классы задавались для разного отображения элементов одного типа. Если класс должен применяться ко всем элементам документа, то в селекторе задаётся имя класса с лидирующей точкой без указания конкретного элемента, т.е. классы могут быть описаны без явного привязывания их к определенным элементам.
Синтаксис: .класс {свойства} (перед именем класса ставится точка)
ПРИМЕР: .green {color:green;}
В данном случае все элементы с атрибутом станут зелеными.
ПРИМЕР:
Теперь два класса red и blue можно применять к любым элементам документа:
Красный шрифт
Красный шрифт на синем фоне
Первый абзац отразится красным шрифтом, а второй - красным шрифтом на синем фоне.
Идентификаторы. ID селекторы.
Присвоение стилей с помощью идентификаторов применяется в случае, если данному идентификатору соответствует только один элемент на странице. Если элементов, которым необходимо присвоить такой стиль, несколько – это уже класс.
Достарыңызбен бөлісу: |