Просмотров: 5728 (Статистика ведётся с 06.02.2017)
Дата последнего изменения: 01.06.2016
Дата последнего изменения: 01.06.2016
Display
position
/float)width
/height
/margin
/padding
/border
/box-sizing
)Плохо:
.crm-lead-form { margin: 34px; color: #000; } .crm-lead-title, .crm-invoice-title, .crm-company-title { position: relative; background: #000; height: 15px; padding: 10px; border: 1px solid red; margin: 12px 0 17px; display: block; color: #fff; width: 15px; }Хорошо:
.crm-lead-form { margin: 34px; color: #000; } .crm-lead-title, .crm-invoice-title, .crm-company-title { display: block; position: relative; width: 15px; height: 15px; padding: 10px; border: 1px solid red; margin: 12px 0 17px; color: #fff; background: #000; }
font-family
, url()
) и для свойства content используйте двойные кавычки.
.disk-user-profile { font-family: "Helvetica Neue Light", Helvetica, Arial, sans-serif; } .disk-user-profile:after { display: block; content: ""; }
К большим группам правил, состоящих из одного свойства, может применяться запись в одну строку. В таком случае следует ставить пробел после открывающей и перед закрывающей скобками.
.crm-column-title { width: 10%; } .crm-column-author { width: 20%; } .crm-column-actions { width: 30%; } .menu-icon-create { background-position: 0 0; } .menu-icon-delete { background-position: -15px -35px; } .menu-icon-approve { background-position: -34px -35px; }Длинные значения свойств, разделяемые запятыми - как, например, набор градиентов или теней - могут быть помещены на отдельной строке каждое, чтобы повысить читабельность кода и сообщений в системе управления версиями. Формат записи может слегка различаться, один из вариантов приведён ниже.
.disk-info-popup { box-shadow: 1px 1px 1px #000, 2px 2px 1px 1px #ccc inset; background-image: linear-gradient(#fff, #ccc), linear-gradient(#f3c, #4ec); }