Single line VS Multiple line CSS ?

Question

[madmaxcorp]

Собственно на работе возник вопрос — писать css свойства в одну строку так:

#sidebar-first {width:134px;background: #f0f0f0;margin:0;}

или же разбивать?

#sidebar-first {
width:134px;
background: #f0f0f0;
margin:0;
}

Что на ваш взгляд лучше?

Answer 1

[Anton Bobylev]

Для разработки — второй вариант, для работы минимизированный.

Comments

[Anton Bobylev]

+ сортировка свойств либо по алфавиту (универсально) либо по некой логике, например сначала размеры, потом цвета, и т.п.

[larikov]

Для этого (сортировки) даже есть инструмент — CSScomb

Answer 2

[Vitaliy Petrychuk]

Пишу в строчку только если нужно задать одно свойство, иначе — второй вариант

Answer 3

[Mikhail Osher]

Изначально второй вариант, можно с изобилием комментариев, если они нужны.
А на боевом сервере минифицировать/сжимать.

Answer 4

[denver]

Еще аргумент: коммитя изменения в вариант 1 будешь автором всей строчки, что не шибко поможет в нахождении истоков проблем.

Answer 5

[freeek]

По-моему, очевидно, что второй вариант читабельнее, да и дописать или изменить определённое свойство куда легче!

Answer 6

[Wott]

SASS и нормальная библиотека по сборке и минификации css.
То что читается и пишется человеком, должно быть красивым и удобным, а оптимизацию для машин должны делать машины где-то там в бэкграунде.

Answer 7

[larikov]

Второй вариант конечно же читабельнее, и позволяет легко править и добавлять новый свойства не боясь, что они уже есть, но спрятаны далекоооо за экраном.

У нас в компании при деплое CSS и JS файлы автоматически минифицируются и объединяются по определенным правилам

Comments

[larikov]

Вот кстати статья о Single line VS Multiple line CSS

Answer 8

[eaa]

Хм, как-то сильно смутил вопрос, прям какой-то подвох жду.

С точки зрения разработки — попробуйте в первом варианте написать что-то основательное… Вряд ли после такого эксперимента захочется еще раз его повторять. Однозначно — в первом варианте что-то найти или исправить просто нереально, сплошная мешанина получается, да еще длинная строка — как ее вообще читать получится?!
Кое-кто писал в комментах, что на продакшн-сервере использовал бы в одну строку — ну тут вряд ли оно сильно спасет несколькими переводами строки для сокращения объема, тут оптимизировать особо нет смысла.

Остается второй вариант адназначна.

Answer 9

[Mithgol]

Одно или даже два свойства можно записать и в одну строку, ничего страшного в этом не будет.

Если свойств больше, то уместно каждое из них записывать на отдельной строке, прежде всего для удобства их чтения и последующего редактирования.