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

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

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

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

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

• a:active (не нажатая ссылка)
• a:link (состояние покоя)
• a:hover (при наведении)
• a:visited (посещённая)
• input:focus

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

• ul li:first-child{} первый элемент
• ul li:nth-child(2){} выбраный элемент
• ul li:last-child{} последний элемент

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

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