CleanCSS

CleanCSS простой вещий язык CSS вдохновил CleverCSS но простой и менее обструктивных особенностей.
Почему
Мне очень понравилась идея позади CleverCSS но при использовании в производстве я понял, что я пытался получить от своей парсер слишком часто обработки строк и неподдерживаемые свойства CSS. Использование префиксы, как -webkit-градиента и значений, таких как RGBA в результате грязной CSS, так что я решил написать свой собственный парсер для подобного синтаксиса без всех сложных функций, которые я не использовал в любом случае и сейчас отлично работает для меня в РЕАЛЬНЫЕ современные веб-сайтов.
примеры Синтаксис
Я собираюсь держать примеры CleverCSS где возможно, так как синтаксис очень похожа.
Небольшой пример ниже. Обратите внимание на синтаксис, основанный отступ и как вы можете Правила гнездо:
#header, #footer:
& NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; Маржа: 0
& NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; обивка: 0
& NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; Font->
& NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; Семья: Verdana, без засечек
& NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; Размер: .9em
& NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; Ли:
& NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; обивка: 0.4em
& NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; Маржа: 0.8em 0.8em 0
& NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; H3:
                        Размер шрифта: 1.2em
& NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; п:
                        обивка: 0.3em
& NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; p.meta:
                        выравнивания текста: справа
                        Цвет: #ddd
Конечно, вы можете сделать тот же в CSS, но из-за своей плоской природы код будет выглядеть более многословным. Следующий фрагмент кода является CleanCSS выход выше файла:
#header, #footer {
& NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; Маржа: 0;
& NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; обивка: 0;
& NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; семейство шрифтов: Verdana, без засечек
& NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; Размер шрифта: .9em
}
#header ли,
#footer Li {
& NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; обивка: 0.4em;
& NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; Маржа: 0.8em 0.8em 0;
}
#header литий h3,
#footer литий h3 {
& NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; Размер шрифта: 1.2em;
}
#header Ли р,
#footer Ли р {
& NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; обивка: 0.3em;
}
#header литий p.meta,
#footer литий p.meta {
& NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; выравнивания текста: справа;
& NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; Цвет: #dddddd;
}
Библиотека использование
Импорт модуля cleancss и вызвать функцию преобразования () с файлового объекта, как.
Пример:
импорт cleancss
с открытой ('') file.css как F:
& NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; & NBSP; печать cleancss.convert (F)
Использование командной строки
Позвоните cleancss.py без параметров, чтобы показать инструкцию по использованию. Передайте любое количество файлов cleancss.py и сценарий будет конвертировать файлы в CSS и распечатать результат на консоль.
Пример:
cleancss.py file.css> result.css

Требования

• Python