Визначає колір тексту елемента.

Встановлює величину відступу від кожного краю елемента.

Встановлює ширину вмісту елемента.

Встановлює значення полів навколо вмісту елемента.

Багатоцільова властивість, яка визначає, як елемент має бути показаний у документі.

Правило @font-face дає змогу визначити налаштування шрифтів, а також завантажити специфічний шрифт на комп'ютер користувача

Встановлює ключові кадри під час анімації елемента.

Дає змогу вказати тип носія, для якого застосовуватиметься зазначений стиль.

Дає змогу задати значення полів під час друку документа або для сторінок, у яких тип носія задано як print.

Встановлює стильові правила на основі адреси документа.

Дає змогу імпортувати вміст CSS-файлу в поточну таблицю стилів.

Дає змогу перевірити, чи підтримує браузер ту чи іншу можливість, і на основі цього створити набір стильових правил.

Дозволяє оптимізувати макет веб-сторінки залежно від різних пристроїв та їхніх розмірів

Використовується для кодування зовнішнього файлу CSS.

Як селектор може виступати будь-який елемент HTML, для якого визначаються правила форматування, такі як: колір, фон, розмір тощо.

Ідентифікатор визначає унікальне ім'я елемента, яке використовується для зміни його стилю і звернення до нього через скрипти.

Класи застосовують, коли необхідно визначити стиль для одного або декількох елементів веб-сторінки.

До будь-якого елемента одночасно можна додати кілька класів, перераховуючи їх в атрибуті class через пробіл.

Іноді потрібно встановити одночасно один стиль для всіх елементів веб-сторінки, наприклад, задати шрифт або накреслення тексту.

Під час створення веб-сторінки часто доводиться вкладати одні елементи всередину інших.

Дочірнім називається елемент, який безпосередньо розташовується всередині батьківського елемента.

Сусідні називаються елементи веб-сторінки, коли вони йдуть безпосередньо один за одним у коді документа.

Споріднені селектори за своєю поведінкою схожі на сусідні селектори (запис виду E + F), але на відміну від них стильові правила застосовуються до всіх прилеглих елементів.

Псевдоклас :active визначає стиль активного елемента

Псевдоклас :visited застосовується до посилань, уже відвіданих користувачем, і задає для них стильове оформлення.

Псевдоклас :nth-child використовується для додавання стилю до елементів на основі нумерації в дереві елементів.

Псевдоклас :first-child задає стиль першого елемента в групі братніх елементів (які мають один батьківський елемент).

Визначає стиль елемента під час наведення на нього курсору миші, але водночас елемент ще не активований, іншими словами, кнопка миші не натиснута.