⚡ Кратко
Запомните не синтаксис ради синтаксиса, а назначение каждой конструкции.
Ключевые конструкции
| Конструкция | Зачем нужна |
|---|
<link rel="stylesheet" href="style.css"> | Подключает внешний CSS-файл к HTML-документу (в <head>). |
selector { property: value; } | Базовая форма CSS-правила. |
body { margin: 0; } | Пример правила для всей страницы. |
.card { padding: 20px; } | Пример правила для элементов с классом card. |
/* комментарий */ | Комментарий в CSS, который браузер игнорирует. |
Три способа подключения CSS
| Способ | Как выглядит | Где применять |
|---|
| Inline | <p style="color:red"> | Быстрая проверка, точечное исключение. Один элемент. |
| Внутренний | <style> … </style> в <head> | Стили для одной конкретной страницы. |
| Внешний | <link rel="stylesheet" href="style.css"> | Основной способ: один файл на весь сайт. |