Работаю с версткой редко, но наработал несколько установок/привычек, которые упрощают мне работу при создании файла css.  Итак, что я использую для упрощения своей работы по созданию и редактированию файла стилей.

Во-первых. Я группирую элементы и их свойства. Либо группирую по смыслу, либо в алфавитном порядке. Да, мне это удобно. Особенно второе. К слову, это можно немного автоматизировать, воспользовавшись сервисом Сodebeautifier.com. В принципе, полезно просто установить какой-то свой собственный порядок размещения свойств, которого нужно придерживаться во всех случаях верстки. Все же всякие частоупотребляемые margin/padding и т.д. встречаются всегда в каждом css.

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

В-третьих. "Содержание файла" в начале. Да, иметь на виду список стилей удобно, может вы не помните, и то, что вы ищите, отсутствует в файле. Обязательно перечисляю шестнадцатеричные обозначения используемых цветов. Все это дело закомментируем, конечно, чтоб не мешало, а помогало. Особенно если вы обратились к css-файлу того сайта, которым вы занимались совсем давно.

В-четвертых. Делаем пробелы. Создаем более прозрачный код. Каждое свойство с новой строки. Пусть такой подход увеличит размер файла, но на мой взгляд, скромные размеры текстовика, коим является css-файл, не идут ни в какое сравнение, к примеру, с размерами любой картинки. Так что переживать про размер я не стану. А вот сделать код благовиднее и удобнее - эта мне идея нравится. Кстати, можно воспользоваться сервисом CSS Compressor для сжатия css-файла. Он автоматом преобразует названия цветов и RGB значения в 16-ричные значения, комбинирует сходные свойства, чистит от повторов, в общем, можно использовать, недурственно. Также, читаю блог о css Лунной Елены, там довольно много интересного, можно многое использовать.

Кстати говоря, вы в курсе, что можно сокращать сами 16-ричные значения, если в них используются повторяющиеся цифры? К примеру: #000000 можно прописать как #000, #442200 можно прописать как #420.

Кроме этого, известно, что последовательность значений выстраивается так: верх (top), право (right), низ (bottom), лево (left). Соответственно, можно не прописывать для каждого значения отдельную строчку, а к примеру вписать все так:

а не так:

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

В-пятых. Делаю заголовки в комментариях. Чтобы было ясно, что дальше идет все, что касается блока меню, а потом все. что касается рекламного блока, к примеру, ну и так далее:

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