מעצב CSS
ייפו CSS עם הזחה נקייה, או כווצו אותו כדי לצמצם את גודל הקובץ. מטפל בשאילתות מדיה, calc() והערות רישיון.
כיצד להשתמש במעצב CSS
- 01
הדביקו את ה-CSS שלכם בתיבת הקלט.
- 02
בחרו ייפוי כדי לעצב אותו או כיווץ כדי לדחוס אותו.
- 03
בחרו את גודל ההזחה, ואז העתיקו את התוצאה.
מה עושה הפורמט CSS
זהו פורמט CSS שמייפה גיליונות סגנונות עם הזחה נקייה ועקבית, או מקטין אותם כדי להקטין את גודל הקובץ. אתה בוחר את גודל הכניסה לייפוי, ועובר למקטנה כאשר אתה רוצה את הפלט הקטן ביותר.
מתי לייפות ומתי לצמצם
CSS קריא קל יותר לסריקה, סקירה וניפוי באגים: כאשר כל כלל והצהרה מוכנסים באופן עקבי, אתה יכול לראות בוררים, קינון וצורת שאילתות המדיה שלך במבט חטוף.
הקטנה מיועדת לייצור. זה מסיר את הרווח הלבן וההערות שדפדפנים לא צריכים, כך שהקובץ מוריד מהר יותר. בגיליון סגנונות גדול החיסכון מצטבר, במיוחד לפני דחיסת gzip בשרת.
צמצום זהיר עם calc() ושאילתות מדיה
ה-Minifier זהיר איפה זה חשוב. הוא שומר על הרווחים סביב פלוס ומינוס בתוך calc(), כך ש-calc(100% - 30px) נשאר תקף, והוא מסיר רווחים רק סביב תווים מבניים כגון סוגרים, נקודתיים ונקודה-פסיק. הוא גם מטפל בשאילתות מדיה מקוננות בצורה נכונה.
הערות הרישיון נשמרות
הערות רישיון כתובות ב-/*! ... */ טופס נשמר, שהיא האמנה הסטנדרטית לשמירת הודעות זכויות יוצרים ורישיון בפלט ממוזער גם כאשר הערות רגילות מוסרות.
פועל בדפדפן שלך
גם לייפות וגם להקטין פועלות לחלוטין בדפדפן שלך, כך שגליונות הסגנונות שלך לעולם לא יעזבו את המכשיר שלך. פורמטים של הכלי לקריאה וגודל; זה לא מאמת שה-CSS שלך נכון.
שאלות נפוצות
האם הכיווץ שובר ביטויי calc()?
לא. המכווץ שומר על הרווחים סביב פלוס ומינוס בתוך ערכים, כך ש-calc(100% - 30px) נשאר תקין. הוא מסיר רק רווחים סביב תווים מבניים כמו סוגריים מסולסלים, נקודתיים ונקודה-פסיק.
האם הערות מוסרות בעת הכיווץ?
הערות רגילות מוסרות כדי לחסוך מקום, אך הערות רישיון הכתובות בצורת /*! ... */ נשמרות, שזו המוסכמה הסטנדרטית לשימור הודעות זכויות יוצרים.
האם ה-CSS שלי מועלה לאנשהו?
לא. גם הייפוי וגם הכיווץ פועלים כולם בדפדפן שלכם, כך שגיליונות הסגנון שלכם לעולם לא עוזבים את המכשיר.