Помощник по CSS

1. Введение

Выбрать стиль можно 3 способами:
1. Указав файл со стилями внутри тега <link rel="stylesheet" href="название_файла.css"> (тег должен быть внутри тега <head>)
2. Создав тег <style> </style>, и указать стили внутри него
3. Для конкретного тега можно указать с помощью атрибута style (в таком случае селектор и фигурные скобки не требются)

Синтаксис:


Селектор          Объявление           Объявление

p                   {   color: blue;       font-size: 12px;     }

Cелекторы бывают:

Выбирающие тег (как в примере выше)
Выбирающие по id (#id1, #text)
Выбирающие по классу (.class1, .text). Также можно указать класс внутри тега (p.text). Тогда селектор будет выбирать элементы соответствующего класса, которые находятся внутри параграфа.
Выбирающие всё! ( * )

Также разрешается указывать разные селекторы через запятую, к примеру:

p, h1, h2

Кроме того, что можно сослаться на названия тегов и атрибутов, можно сослаться на состояние элемента (к примеру, что на него навели мышкой). Делается это с помощью псевдо-классов, и выглядит следующим образом:

p:hover { ... }

Список всех псевдо-классов можно найти здесь: https://www.w3schools.com/css/css_pseudo_classes.asp
Список возможных объявлений можно найти по ссылке выше или здесь: https://cssreference.io/ https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-line
Документация на русском: https://developer.mozilla.org/ru/docs/Web/CSS/background