CleanCSS

CleanCSS CleverCSS lakin sadə və daha az obstructive xüsusiyyətləri ilə ilham CSS üçün sadə Pythonic dilidir.
Niyə
Mən, həqiqətən, CleverCSS arxasında ideyası xoşuma gəldi, lakin istehsal istifadə edərkən mən yol çox tez-tez strings və desteklenmeyen CSS xassələri qaçan ilə üz onun parser almaq üçün çalışırıq ki, həyata keçirilir. -webkit-Gradient və dəyərlər kimi satıcı önek istifadə RGBA bir messy CSS ilə nəticələndi, belə ki, mən hər halda istifadə etməyib bütün kompleks funksiyalar olmadan oxşar sintaksis üçün öz parser yazmaq qərarına gəlib və indi mənim üçün gözəl işləyir kimi REAL müasir saytları.
Sintaksis nümunələri
Mən sintaksis həqiqətən oxşar çünki mümkün CleverCSS nümunələri saxlamaq üçün gedirəm.
Aşağıda kiçik bir nümunəsidir. Abzas əsasında sintaksis qeyd və necə siz yuva qaydaları:
#header, #footer:
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; margin: 0
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; font>
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; family: Verdana, sans-serif
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ölçüsü: .9em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; li:
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0.4em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; margin: 0.8em 0.8em 0
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; h3:
                        font-size: 1.2em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; p:
                        padding: 0.3em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; p.meta:
                        text-align: sağ
                        rəngi: #ddd
Əlbəttə CSS çox eyni edə bilərsiniz, lakin onun düz təbiəti kodu daha ayrıntılı görünür. Aşağıdakı kod parçası yuxarıda faylı CleanCSS çıxış edir:
#header, #footer {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; margin: 0;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; font-family: Verdana, sans-serif
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; font-size: .9em
}
#header li,
#footer li {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0.4em;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; margin: 0.8em 0 0.8em;
}
#header li h3,
#footer li h3 {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; font-size: 1.2em;
}
#header li p,
#footer li p {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0.3em;
}
#header li p.meta,
#footer li p.meta {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; text-align: right;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; color: #dddddd;
}
Kitabxana istifadə
CleanCSS modulu idxal və bir fayl kimi obyekt ilə çevirmək () funksiyası zəng.
Misal:
idxal CleanCSS
f açıq (file.css) ilə:
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; print cleancss.convert (f)
Command line istifadə
Istifadə təlimat göstərmək üçün parametrləri olmadan cleancss.py edin. Cleancss.py faylları hər hansı bir sayı keçmək və script CSS faylları çevirmək və konsol nəticə çap olunacaqdır.
Misal:
cleancss.py file.css> result.css

tələblər

• Python