rcl-radio.ru

Когда ты ставишь width и height, кажется, что всё просто: «хочу блок 300 px — будет 300 px». На деле браузер считает размеры по правилам блочной модели, и появляются побочные эффекты: блок вылезает из сетки, ломается верстка, появляются скроллы. Разберём всё по шагам и с примерами, без теории ради теории. Что именно задают width и height По умолчанию width […]

Блочная модель (box model) — это фундамент того, как браузер рисует почти любой HTML‑элемент. По сути, это набор правил, по которым вычисляются итоговые габариты элемента и то, сколько места он реально занимает на странице. Если не понимать, как работает box model, можно легко столкнуться с «поехавшей» вёрсткой: блоки вылезают за границы, отступы оказываются не такими, как ты […]

Наследование — это когда дочерний элемент автоматически берёт стиль у родителя, если сам не задаёт своё значение. Не все свойства так умеют: одни передаются, другие — строго «только для себя». Какие свойства наследуются (и что это значит на практике) К наследуемым относятся в основном свойства, которые про «как выглядит текст» и «в каком направлении идёт […]

В CSS есть чёткие правила, по которым браузер решает, какое правило применить. Это и есть каскад плюс специфичность. Что такое каскад Каскад — это просто «порядок сверху вниз». Если у двух правил одинаковая сила (одинаковая специфичность), победит то, которое написано ниже в коде. Пример: css p { color: blue; } p { color: red; } […]