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, sans-serif
& 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:
font-size: 1.2em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; p:
ריפוד: 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; font-family: Verdana, sans-serif
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; font-size: .9em
}
li #header,
li #footer {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ריפוד: 0.4em;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; שוליים: 0.8em 0 0.8em;
}
H3 li #header,
H3 li #footer {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; font-size: 1.2em;
}
עמ 'li #header,
עמ 'li #footer {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ריפוד: 0.3em;
}
p.meta li #header,
p.meta li #footer {
& 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 הדפסה (ו)
שימוש בשורת הפקודה
התקשר cleancss.py ללא פרמטרים כדי להציג את הוראות השימוש. עובר כל מספר של קבצים לcleancss.py והתסריט יהיה להמיר את הקבצים ל- CSS ולהדפיס את התוצאה לקונסולה.
לדוגמא:
cleancss.py file.css> result.css
<> דרישות חזקות :
- פייתון
תגובות לא נמצא