Читаю CSS для профи - Кит Грант.
Некоторые моменты, которые я забыл или не знал:
- display: initial - установит значение inline, не зависимо от элемента, к которому применится. В т.ч. к блочному
- font: 32px Helvetica, sans-serif; - применит неявно font-weight: normal;
- rem - для размеров шрифта, px - для бордеров, em - для остального. (rem - root em)
- Для улучшения адаптивности стоит сочетать :root font-size с @media
- Для var() можно передать второй параметр - значение по умолчанию, например, font-family: var(--main-font, sans-serif);