CSS (Cascading Style Sheets) — это язык стилей, который используется для управления визуальным видом и дизайном веб-страниц. Если HTML создает структуру веб-сайта, то CSS формирует его внешний вид, например, задает цвета, шрифты, размеры, расположение и так далее. Без CSS страницы HTML были бы простыми и не стилизованными.

Для чего нужен CSS?

🎨 Задание цветов, фонов и границ

🔠 Управление шрифтами, их размерами и стилями

📏 Настройка размеров элементов, их расположения, отступов (margin) и внутреннего пространства (padding)

📱 Создание адаптивного дизайна (responsive design) для различных устройств

⚙️ Добавление анимаций и переходов

📐 Создание структуры макета (Flexbox, Grid)

🔹 Основные понятия:

• Селектор (selector) — указывает, к какому элементу HTML применяется стиль.

Например: p, .btn, #header

• Свойство (property) — стиль, применяемый к элементу.

Например: color, font-size, background-color

• Значение (value) — конкретные параметры, назначенные свойству.

Например: color: red;, font-size: 16px;

• Media queries — позволяют задавать разные стили для разных размеров экрана.

Например:

@media (max-width: 768px) {

 body {

  font-size: 14px;

 }

}

Способы написания CSS:

• Inline CSS — внутри HTML-элемента:

<h1 style="color: blue;">Заголовок</h1>

• Internal CSS — внутри документа HTML с использованием тега <style>:

<style>

 p { color: green; }

</style>

• External CSS — написан в отдельном файле .css, подключается к HTML:

<link rel="stylesheet" href="style.css">

Как выглядит веб-сайт без CSS?

– Только текст и изображения, без какого-либо красивого дизайна. С помощью CSS сайты становятся привлекательными, удобными и современными.