Для внедрения CSS непосредственно в ткань HTML-документа используют контейнер <style>, старт-тег которого должен содержать атрибут type="text/css". Конструкции листа стилей помещаются непосредственно внутрь контейнера <style type="text/css">…</style>, который, в свою очередь, вкладывается в контейнер <head>…</head> HTML-документа.
Импорт описания стиля в документ
Листы стилей можно "склеивать" по кусочкам, вставляя содержимое одного стиля в другой, применяя директиву @import. Импортирование стилей следует рассматривать как альтернативный способ связи веб-страницы с внешним листом стилей. Импортировать стиль можно либо внутрь контейнера <style>, либо внутрь внешнего файла, который представляет собой описатель стиля. Описатель импорта стилей должен предшествовать всем прочим описателям стилей: <style type="text/css">@import url(URL)…</style>.
Переопределение стиля в элементе разметки
В HTML предусмотрен атрибут style, допустимый для любых тегов, определяющих элементы разметки. Например, применение
|
|
<p style="text-align: right; color:red">…</p>
предписывает в данном абзаце прижать текст по правому краю и окрасить его в красный цвет.
Принцип приоритетности CSS
Листы стилей образуют каскад, выстраиваясь в цепочку приоритетности по весу и специфичности используемых правил (здесь указаны в порядке возрастания приоритетности):
· правила, определяемые браузером по умолчанию;
· правила, заданные в пользовательском листе стилей;
· правила листа стилей, определенного разработчиком;
· правила, соответствующие более специфичным селекторам по отношению к общим.
Если несколько противоречащих друг другу правил одинаковы по весу и специфичности, то применяется последнее из них, при этом импортируемые стили предшествуют любым правилам импортирующего листа стилей.
Цвет и шрифт