http://www.cssportal.com/format-css/format.php
А чем не читабелен первый вариант? При условии, что каждый стиль начинается с новой строки. Дело вкуса, но второй вариант сам по себе вызывает отвращение. С растянутым кодом неудобно работать. Так же как и со слепленным. Для себя нашел идеальное соотношение.
#page .body-page{margin-top:20px;}
#page .main-page{margin-top:20px;}
#page .body-container{margin-top:20px;}
... и т.д.
Без пробелов и табуляции, но с переводом строки. Блоки кода обязательно разделяются. Локализуются через id для добавления приоритета и исключения перекрытия другими стилями. Во всяком случае не общие для всех блоков элементы.
А от вот когда видишь такое
.body-page{ margin-top: 20px ; margin-top: 20px ; margin-top : 20 px; margin-top : 20px!important ; }
То начинает колотить от раздражения. Полнейшая каша в восприятии.
Вообще лучше все писать в одном формате. Однострочный вид годен только если есть одно-два свойства, но если свойств более пяти, то получается каша.
Вопрос в том, что некоторые этого не понимают, и иногда приходится работать с кодом таких людей на свой лад. Вот и хочется как-то автоматизировать отбивку табами. CSS был приведен в пример, т.к. сейчас с ним возникли сложности.
Однострочный блок в PHP выглядит еще более ужасно.
Есть ли какие-либо средства автоматизации отбития табов?