CSS оптимизатор для преобразования в сокращенном виде?


Существует ли какой-либо бесплатный онлайн или оффлайн инструмент для оптимизации всех свойств в сокращенной форме, где это возможно?

Было бы полезно сжимать большие файлы.

Например:

Это

.class {
padding-right: 10px;
padding-bottom: 15px;
padding-left: 20px;
}

К этому

.class {
padding: 0 10px 15px 20px;
}
3 3

3 ответа:

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

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

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

Вы можете попробовать Cleancss, это онлайн-инструмент.

Используя Ваш пример:

   Input: 0.096KB, Output: 0.038KB, Compression Ratio: 60.4% (-58 Bytes)

Взгляните на YUI Compressor . Очень полезный инструмент от Yahoo .