Каскадные таблицы стилей (Cascading Style Sheets) — язык стилей, используемый для описания представления документа, написанного на языке разметки (HTML, XHTML, SVG, XML).

Основные функции CSS:

Отделение представления от содержимого: Позволяет изменить внешний вид веб-страницы без внесения изменений в ее структуру.
Стилизация элементов: Управление цветами, шрифтами, размерами, отступами, границами и другими визуальными свойствами элементов.
Создание адаптивного дизайна: С помощью медиа-запросов (Media Queries) можно применять разные стили в зависимости от характеристик устройства пользователя (разрешение экрана, ориентация и т.д.).
Анимация и переходы: Создание визуальных эффектов для интерактивности и улучшения пользовательского опыта.
Управление макетом: Позиционирование элементов на странице с использованием различных техник (Flexbox, Grid, floats и т.д.).

Структура правила CSS:

/* Селектор */
h1 {
  /* Объявления */
  color: blue; /* Свойство: значение; */
  font-size: 24px;
}

Основные способы подключения CSS к HTML-документу:

Внешний файл (<link>): Наиболее распространенный и рекомендуемый способ. Стили хранятся в отдельном .css файле.
```
<link rel="stylesheet" href="styles.css">
```
Внутри <style> тега: Стили определяются непосредственно в HTML-документе, обычно в разделе <head>. Подходит для небольших стилей или для быстрого тестирования.
```
<style>
  p {
    line-height: 1.5;
  }
</style>
```
Инлайн-стили (style атрибут): Стили применяются к конкретному HTML-элементу через атрибут style. Имеет высокий приоритет, но затрудняет поддержку и масштабирование.
```
<div style="border: 1px solid black;">
  Это div с инлайн-стилем.
</div>
```

Каскадность определяет, как браузер применяет стили при наличии нескольких правил, конкурирующих за один элемент. Учитывается:

Приоритет селекторов: Более специфичные селекторы имеют более высокий приоритет.
Порядок следования: Правила, объявленные позже, переопределяют более ранние правила с одинаковым приоритетом.
Важность (!important): Декларация с !important имеет самый высокий приоритет (следует использовать осторожно).
Источник стилей: Стили автора имеют больший приоритет, чем стили пользователя или стили по умолчанию браузера.

Что такое CSS?