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, назначающее размер пробелов между словами.

Рабочие заметки

Бизнес-домены на продажу
26 марта 2017

Искусственный хаос для пользы дела
24 июля 2016

«Дизайн – это работа», советы Майка Монтейро
28 января 2016

Перейти к заметкам

 

Красивая реклама торгового центра в NY
06 ноября 2016

Простота это удобство
26 апреля 2016

Черновые эскизы как этап проектирования
14 декабря 2015

 

Фундаментальные направления маркетинга
28 августа 2016

Технология живого дизайна
16 марта 2016

Простая проверка на скорость загрузки сайта
16 ноября 2015

2009–2017 © Мастерская Дмитрия Кудинова | mail@kud.su

Специальные предложения — Сайт для бизнеса за 9990 | Реклама в Яндекс.Директ

Фотомастерская, Фотоальбом | Вдохновения
Регистрация доменных имён и хостинг