Как писать CSS-код в хорошем стиле?

Question

[Дмитрий Хаперец]

Здравствуйте!
Хочу писать на проектах CSS-код по единому стилю (порядок свойств, отступы, наименование классов или идентификаторов, и т.д.). Если есть какие-нибудь стандарты - скиньте, пожалуйста, ссылку на информацию.
Желательно, чтобы информация о правилах написания кода была полной.
Пример для PHP: PSR-стандарты

Answer 1

[Иван Беленков]

Как таковых, стандартов нет. Как правило в каждой организации, в которой вы будете работать, есть стайл гайды по всем известным технологиям. Если вы работаете сольно, то попробуйте один из паттернов именования классов. Например, загуглите OOCSS, MCSS или БЭМ.
Придерживаться определённого порядка свойств при написании CSS - сложно. Тут гораздо проще воспользоваться постобработкой CSS файла. К примеру, упомянутым здесь пользователем @MonkAlbino, CSScomb или другим, более продвинутым решением.
Также можно воспользоваться чужими стайл гайдами, если они лежат в свободном доступе. Например, Google HTML/CSS Style Guide.

Answer 2

[Michael Danilov]

CSScomb

Comments

[Сергей Сергеевич]

А он по алфавиту выстраивает ? А так смысл в его красивости кода не вижу, т.к css минификация делается.

[Michael Danilov]

@SergeyKisliy Нет, порядок настраиваемый. По умолчанию есть пресет "по смыслу": габариты и отступы - одна группа, фон, цвета, границы - другая и т.д.
Смысл в том, что в команде или лично вам предоставить код в удобном виде, блок к блоку, а не вперемешку или по алфавиту, в лучшем случае.
А в продакшне, согласен, это уже не важно, но это и не для него.

[Дмитрий Хаперец]

Я делаю всегда так: при разработке, выравниваю CSS-свойства в алфавитном порядке с помощью плагина (Sort Line Tools) в IDE. Мне кажется - так удобно для чтения и быстрого нахождения свойств.

Answer 3

[Олег Краснов]

CSS Specification