Что такое CSS и зачем он нужен, если страница и так работает на одном HTML?
Я только начал учить вёрстку. HTML вроде понял: пишешь теги — появляется текст, картинки, ссылки. А зачем тогда CSS? Страница же и без него отображается. Объясните на пальцах, что он вообще делает.
2 ответа
HTML отвечает за содержание и структуру (вот заголовок, вот абзац, вот картинка), а CSS — за внешний вид: цвета, шрифты, отступы, расположение блоков. Без CSS браузер рисует всё своими скучными стандартными стилями — чёрный текст Times New Roman на белом фоне, всё в столбик.
Представь HTML как голый каркас дома (стены, двери), а CSS — это обои, краска, расстановка мебели. Один и тот же HTML с разным CSS может выглядеть как строгий банк или как яркий детский сайт.
Простой пример — покрасим заголовок в синий и сделаем крупнее:
h1 {
color: blue;
font-size: 40px;
}
Разделять их удобно: правишь внешний вид в одном месте, не трогая текст.
Ещё важный плюс: один файл CSS подключается сразу ко всем страницам сайта. Поменял цвет кнопки в одном месте — он поменялся на 100 страницах. Если бы стили писались внутри HTML, пришлось бы править каждую страницу руками.