CleanCSS

CleanCSS е проста pythonic език за 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 0.8em
& 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, но поради плосък своята същност кодът ще изглежда по-многословен. The следния код е продукцията 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 Ли {
& Nbsp; & Nbsp; & Nbsp; & Nbsp; & Nbsp; & Nbsp; & Nbsp; уплътнение: 0.4em;
& Nbsp; & Nbsp; & Nbsp; & Nbsp; & Nbsp; & Nbsp; & Nbsp; марж: 0.8em 0 0.8em;
}
#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"), както е:
& Nbsp; & Nbsp; & Nbsp; & Nbsp; & Nbsp; & Nbsp; & Nbsp; принт cleancss.convert (е)
<Силен> използване на команден ред
Обадете се на cleancss.py без параметри, за да се покаже инструкциите за употреба. Премини произволен брой файлове да cleancss.py а сценарият ще конвертира файловете на CSS и да отпечатате резултата на конзолата.
Пример:
cleancss.py file.css> result.css

<силни> Изисквания

• Python