Какой лучший инструмент для автоматической организации или алфавита ваших свойств CSS?

Я ищу способ автоматической организации (в алфавитном порядке или любым другим принятым "стандартом" ) всех моих свойств CSS. Я бы предпочел метод в Dreamweaver, но я возьму что-нибудь в этом пункте!

Пример:

.div-name {
padding: 5px;
width: 300px;
margin: 10px;
color: #000;
}

будет преобразован в:

.div-name {
color: #000;
margin: 10px;
padding: 5px;
width: 300px;
}

Ответы

Ответ 1

Попробуйте следующее:

http://www.cleancss.com/

Не использовал его, но он, похоже, делает то, что вы говорите.

Боб

Ответ 2

Попробуйте CSScomb. Этот инструмент сортирует и группирует ваш css и имеет плагины для самых разных редакторов кода. Вы можете попробовать online.

Ответ 3

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

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

Здесь recap:

1.Описание форматирования, например display, position... потому что это может сильно повлиять на компоновку

2.layout, например, margin или padding... так же, как указано выше

3.sizing, например width, height или font-size... это может повлиять на макет.

4.color и форматирование текста, такие как color, background-color, letter-spacing или text-transform

Ответ 4

CSSTidy - это исполняемый файл и PHP скрипт, который вы можете использовать для внесения изменений форматирования, подобных этому (а также оптимизации). Фактически, cleancss.com, о котором упоминается @rcravens, "основан на" этом инструменте.