CleanCSS

CleanCSS ay isang simpleng pythonic wika para sa CSS sa pamamagitan ng inspirasyon CleverCSS ngunit mas simple at mas mababa sa nakasasagabal na mga tampok.
Bakit
Talagang nagustuhan ko ang mga ideya sa likod ng CleverCSS ngunit kapag ginagamit sa produksyon natanto ko na ako ay sinusubukan upang makuha ang layo mula parser nito sa pamamagitan ng paraan ng masyadong madalas pagtakas string at hindi suportadong mga katangian ng CSS. Paggamit ng prefixes vendor tulad -webkit-gradient at halaga tulad ng RGBA nagresulta sa isang makalat CSS, kaya ako nagpasya upang isulat ang aking sariling parser para sa isang katulad syntax nang lahat ng mga kumplikadong mga katangian na hindi ko gamitin pa rin at ito ay gumagana na ngayon fine para sa akin sa REAL modernong mga website.
Mga halimbawa Syntax
Ako pagpunta upang panatilihin ang mga halimbawa CleverCSS saan posible dahil ang mga syntax ay talagang katulad.
Ang isang maliit na halimbawa sa ibaba. Tandaan ang mga yupi batay syntax at kung paano maaari mong patakaran nest:
#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; size: .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 0.8em
& 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: right
                        color: #ddd
Syempre maaari mong gawin ang parehong sa CSS, ngunit dahil sa kanyang flat nature ang code ay mas hitsura masyadong masalita. Ang mga sumusunod na piraso ng code ay ang CleanCSS output ng file sa itaas:
#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;
}
Library paggamit
I-import ang mga module cleancss at tumawag sa convert () function sa isang file-like object.
Halimbawa:
import cleancss
may bukas ('file.css') bilang f:
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; print cleancss.convert (f)
Paggamit Command linya
Tawagan ang cleancss.py nang walang mga parameter upang ipakita ang mga tagubilin sa paggamit. Pass ng anumang bilang ng mga file sa cleancss.py at convert ang mga script ng mga file sa CSS at i-print ang mga resulta sa console.
Halimbawa:
cleancss.py file.css> result.css

Kinakailangan :

• sawa