CSS-совет: сортировка

Нет, это совет не про то, как отсортировать содержимое вашей страницы с помощью CSS (да это и нельзя сделать). Вопрос про то, как улучшить читаемость вашего CSS-кода. Ответ: сортируйте селекторы по алфавиту. Например, рассмотрим два фрагмента кода и найдём в каждом из них селектор margin-right.

Фрагмент 1:

div#header h1 {
 z-index: 101;
 color: #000;
 position: relative;
 line-height: 24px;
 margin-right: 48px;
 border-bottom: 1px solid #dedede;
 font-size: 18px;
}

Фрагмент 2:

div#header h1 {
 border-bottom: 1px solid #dedede;
 color: #000;
 font-size: 18px;
 line-height: 24px;
 margin-right: 48px;
 position: relative;
 z-index: 101;
}

Очевидно, во втором фрагменте нам было гораздо проще найти margin-right. Учтите, что пример просто иллюстративный. А если бы селекторов было больше?

Применяя этот совет на практике, вы сэкономите время и себе, и вашим коллегам, которые будут работать с вашим кодом.

Другие секреты вебдизайнера узнайте здесь