Output will appear here...מעצב CSS קורא גיליון סגנונות ומשכתב אותו עם מרווחים עקביים, הזחה ושבירות שורות כך שקל לקרוא ולתחזק אותו. הוא מנתח את ה-CSS לתוך המבנה הבסיסי שלו של כללים, בוררים, הצהרות, כללים והערות, ואז מדפיס את המבנה הזה בחזרה באמצעות פריסה צפויה: הצהרה אחת לכל שורה, רווח בודד אחרי כל נקודתיים, וכל בלוק מקונן מחורץ רמה אחת עמוק יותר מהאב שלו. כללי הסגנון נשארים זהים, אבל קובץ שהגיע כשורה אחת ארוכה ללא הפסקה הופך למשהו שאתה באמת יכול לסרוק ולערוך.
אותו כלי עובד הפוך כמו מטח CSS. מזעור רצועות כל רווח, כרטיסייה, הפסקת קו ו(אופציונלי) הערה שדפדפן אינו זקוק לו, ממוטט את גיליון הסגנונות למקבילה הקטנה ביותר של בתים לבייט. גיליון סגנונות מעוצב היטב של 6 KB יורד לעתים קרובות מתחת ל-4 KB ברגע שהרווח הלבן נעלם, מה שאומר פחות בתים ברשת וצביעה ראשונה מהירה יותר. ייפוי בזמן שאתה כותב ומאתר באגים; צמצם את העותק שאתה שולח לייצור.
מעצב זה מבין את החלקים של CSS שמעכבים סקריפטים תמימים למצוא ולהחליף. כללי at מקוננים כמו @media ו-@supports שומרים על הכללים הפנימיים שלהם מחורצים כהלכה, בלוקים של @keyframes עם אחוזי שלבים נשמרים, מילולי מחרוזת בתוכן וערכי כתובת url () נשארים בדיוק כפי שנכתבו, והערות נשמרות או מוסרות לפי בקשה הכל פועל כולו בדפדפן שלך, כך שגיליון הסגנונות שלך, כולל כל אסימוני עיצוב קנייניים או שמות מחלקות פנימיים, לעולם לא מועלה, והכלי ממשיך לעבוד לאחר טעינת הדף גם ללא חיבור.
הדבק או הקלד גיליון סגנונות באזור הקלט. CSS ממוזער, בכתב יד או מיוצא כל העבודה, כולל קבצים עם @media, @keyframes והערות.
לחץ על Beautify כדי להזין מחדש את ה-CSS לקריאה, או על Minify כדי להסיר רווח לבן למשלוח. בחר 2 רווחים, 4 רווחים או כרטיסיות עבור פריסת היופי.
ה-CSS המעוצב מופיע בצד ימין עם תג גודל המציג את שינוי הבתים. כל הודעות ניתוח, כגון סד לא סגור, רשומות כאזהרות.
העתק את הפלט ללוח שלך או הורד אותו כקובץ.css, מוכן להיכנס לפרויקט שלך או לבנות צינור.
כלי אחד מחדש את CSS לקריאה ומסיר אותו בחזרה למשלוח, כך שלעולם לא תזדקק לשני כלי עזר נפרדים
מכניס את הכללים בתוך @media, @supports ו-@keyframes בצורה נכונה במקום לשטח או לשבש אותם
משאיר את התוכן של מחרוזות מצוטטות וערכי כתובת url() ללא נגיעה, כך שטקסט תוכן ו-URI של נתונים שורדים את העיצוב ללא פגע
עצב עם שני רווחים, ארבעה רווחים או כרטיסיות כך שיתאימו לסגנון הפרויקט או להגדרות העורך שלך
Format, validate, and minify JSON data
Validate YAML syntax and convert to JSON format
Minify CSS to cut file size or beautify minified stylesheets for debugging
Format messy SQL into readable, indented queries or minify SQL to a single line
0 comments
No comments yet. Be the first to share your thoughts!