Я ищу способ автоматической организации (в алфавитном порядке или любым другим принятым "стандартом" ) всех моих свойств CSS. Я бы предпочел метод в Dreamweaver, но я возьму что-нибудь в этом пункте!
Пример:
.div-name {
padding: 5px;
width: 300px;
margin: 10px;
color: #000;
}
будет преобразован в:
.div-name {
color: #000;
margin: 10px;
padding: 5px;
width: 300px;
}
Попробуйте следующее:
Не использовал его, но он, похоже, делает то, что вы говорите.
Боб
Попробуйте CSScomb. Этот инструмент сортирует и группирует ваш css и имеет плагины для самых разных редакторов кода. Вы можете попробовать online.
Я лично не нашел бы это полезным, но это только я. Я использую свою собственную иерархию, основанную на важности, и я придерживаюсь этой последовательности в моих таблицах стилей. У каждого человека могут быть разные предпочтения в отношении этого. Я лично хотел бы сделать любое позиционное форматирование сперва, а затем параметры макета, затем размер, а затем цвета и другие свойства форматирования текста.
Это позволяет мне быстро идентифицировать и редактировать наиболее важные свойства, те, которые могут повлиять на макет, для меня наиболее важны.
Здесь recap:
1.Описание форматирования, например display, position... потому что это может сильно повлиять на компоновку
2.layout, например, margin или padding... так же, как указано выше
3.sizing, например width, height или font-size... это может повлиять на макет.
4.color и форматирование текста, такие как color, background-color, letter-spacing или text-transform
CSSTidy - это исполняемый файл и PHP скрипт, который вы можете использовать для внесения изменений форматирования, подобных этому (а также оптимизации). Фактически, cleancss.com, о котором упоминается @rcravens, "основан на" этом инструменте.
Я использую visual studio 2010, это расширение позволяет вам комментировать css и алфавитную форму вашего css и некоторых других довольно удобных инструментов.
http://visualstudiogallery.msdn.microsoft.com/6ed4c78f-a23e-49ad-b5fd-369af0c2107f