Правила CSS. Настраиваем стили грамотно

Опубликовано автором

Несколько абзацев про правила css-стилей, которые сделают любой код более современным, лёгким и удобным для настройки.

1.
Значения максимальных и минимальных значений. Особенно удобно использовать для родительских элементов при растягивающейся вёрстке: min-height, min-width, max-height, max-width.

2.
Сокращённый вариант свойства Backrgound:
body {background: #fff url(name.jpg) scroll center center no-repeat;}
Свойства можно пропускать, но важен порядок: color image attachment (scroll/fixed) position.

3.
Цвета в hex-значениях:
#361 = #336611 Следует помнить, что таблицы безопасных цветов ушли в прошлое (можно «выдумывать» любые цвета), но иногда удобны для выбора.

4.
Свойство font объединяет в одну строку следующие свойства: — style, — variant (имеет значение small-caps и создаёт стиль с малыми прописными), — weight, — size/line-height, — font-family.

Например:
.class {font: italic bold small-caps 18px/150% arial,sans-serif;}

С точки зрения наследования:
{1.5em arial} = {normal normal normal 1.5em/normal arial}

5.
Применительно к веб-типографике нельзя забывать, что существует не только свойство letter-spacing, определяющее расстояние между буквами, но и свойство word-spacing, назначающее размер пробелов между словами.