Что такое CSS?
CSS (Cascading Style Sheets, каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки. Применяется к элементам веб-страницы для управления их видом и положением.
Аналогия из жизни: если HTML — это скелет и органы здания (стены, двери, окна), то CSS — это отделка: покраска стен, выбор обоев, расположение мебели. Содержимое то же самое, но выглядит совершенно по-разному.
Основная цель
Разделение логической структуры веб-страницы (HTML) от описания внешнего вида (CSS). Это даёт:
- возможность менять дизайн без изменения HTML
- повторное использование стилей на нескольких страницах
- упрощение поддержки и совместной работы (верстальщик работает с CSS, разработчик — с HTML/JS)
Способы подключения CSS
| Способ | Синтаксис | Когда использовать |
|---|---|---|
| Внешний файл | <link rel="stylesheet" href="style.css"> |
Основной способ — переиспользование, кэширование |
Тег <style> |
<style> p { color: red; } </style> |
Для страничных стилей, критического CSS |
| Инлайн | <p style="color: red;"> |
Только для динамических стилей через JS |
Каскадность и наследование
Буква C в CSS означает Cascading — каскадность. Стили применяются по приоритету:
- Inline-стили (наивысший приоритет)
- Стили в
<style>и внешних файлах — по порядку и специфичности - Стили браузера по умолчанию (наименьший приоритет)
Некоторые свойства (color, font-family, line-height) наследуются от родительских элементов, а другие (margin, padding, border) — нет.
На собеседовании: интервьюер хочет услышать не только расшифровку аббревиатуры, но и понимание принципа каскадности и зачем CSS отделён от HTML. Частая ошибка — забыть про наследование свойств.