Есть 4 способа подключения стилей: в файле, урле (на внешне сайте), теге html и в заголовке html-файла между тегами style, но предпочтительнее всего подключать только в файле. В стиле используются ислючительно строчные символы. Приоритет у класса выше чем у обычного тега, id-приоритет выше чем у селектора или класса.


единица измеренияописание
em, remразмер шрифта текущего элемента
exвысота символа х
pxпиксел
%процент


контекстный селектор:
div b {font-size: 1.2em;}

контекстный селектор:
p b {font-size: 130%;}

дочерний селектор:
p > i {color: darkslateblue;}

соседний селектор (тег i у которого слева закрыт тег b):
b + i {color: darkslateblue;}

универсальный селектор (все вложеные теги):
p * b {color: darkslateblue;}



псевдоклассы состояния:



псевдоклассы dom:


псевдоэлементы:

ожно присваивать стили первой букве или первой строчке любого текста с помощью псевдоэлементов: ':first-letter{}' и ':first-line{}', ':before{}' и ':after{}' предназначены для добавления и стилизации контента до или после основного.