Сегодня мы поговорим о том, по какому принципу компьютер понимает, какой цвет нужно отобразить в данный момент на экран. Вы наверное уже обратили внимание, что цвета обычно задаются с помощью шестнадцатеричного кода следующим образом:  

Этот урок получился несколько объёмным. А всё дело в том, что мы приступаем к изучению такой важной темы, как «блочная модель». Почему она важная? Потому что проливает свет на многие аспекты того, что раньше вам могло казаться не очень понятным, в частности, почему элементы отображаются в браузере именно так, а не иначе. Более того, прочтение данной темы – ключ к тому, что впоследствии послужит вам отличным подспорьем в изучении вёрстки с нуля.

В этом уроке я постараюсь дополнить ваши познания в области CSS, продолжая разбирать различные способы для выборки тех или иных элементов, которые мы сейчас и рассмотрим. К тому же, мы рассмотрим некоторые аспекты в работе с блочной моделью и некоторые свойства, применительно к ней.

Сокращённая запись CSS

Отступы (внутренние и внешние)

Возможно, вы задавались вопросом – “а нельзя ли писать CSS код в какой-то более сокращённой форме”? И таки-да, можно. Вот взять пример такого правила: