Пример css


Синтаксис: селектор.класс {cвойства} CLASS



бет4/5
Дата14.12.2022
өлшемі31.58 Kb.
#467214
1   2   3   4   5
Каскадные таблицы стилей (CSS)

Синтаксис: селектор.класс {cвойства}
CLASS - атрибут элемента в HTML, определяющий его класс. В CSS можно описать собственные стили для различных классов одних и тех же элементов.
ПРИМЕР: H1.blue {color:blue; size:20pt;}
Все элементы H1 с атрибутом станут синими.
Можно определить несколько правил форматирования для одного элемента и с помощью параметра CLASS соответствующего тега применять разные правила форматирования.
Например, можно определить два класса для отображения заголовка первого уровня:

В тексте документа ссылка на соответствующий класс задаётся в параметре CLASS:

Красный шрифт


Красный шрифт на синем фоне


В приведённом примере классы задавались для разного отображения элементов одного типа. Если класс должен применяться ко всем элементам документа, то в селекторе задаётся имя класса с лидирующей точкой без указания конкретного элемента, т.е. классы могут быть описаны без явного привязывания их к определенным элементам.
Синтаксис: .класс {свойства} (перед именем класса ставится точка)
ПРИМЕР: .green {color:green;}
В данном случае все элементы с атрибутом станут зелеными.
ПРИМЕР:

Теперь два класса red и blue можно применять к любым элементам документа:
Красный шрифт
Красный шрифт на синем фоне
Первый абзац отразится красным шрифтом, а второй - красным шрифтом на синем фоне.
Идентификаторы. ID селекторы.
Присвоение стилей с помощью идентификаторов применяется в случае, если данному идентификатору соответствует только один элемент на странице. Если элементов, которым необходимо присвоить такой стиль, несколько – это уже класс.


Достарыңызбен бөлісу:
1   2   3   4   5




©dereksiz.org 2024
әкімшілігінің қараңыз

    Басты бет