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

Question

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

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

Например:

Это

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

к этому

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

Answer 1

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

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

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

Answer 2

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

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

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