במאמר זה אנו מוצאים כי איך לייעל Css.This מאוד פשוט עצות בסיסיות של מעצבי אינטרנט וכן מפתחים. לא רק אלה יהיו עצות שיסייעו לצמצם את גודל הקובץ של הקובץ CSS שלך, אבל הם יהיה גם לזרז את קידוד אם אתה מעדיף לעשות את CSS חלק ביד.

1. השתמש ב CSS תקצירנות

  לפני 

  P ( 
  ; margin-top: 5px; 
  ; שולי הימנית: 10px; 
  ; margin-bottom: 15px; 
  ; שולי-שמאל: 20px; 
  ) 


  לאחר 

  10px 15px 20px ; } P (margin: 5px 10px 15px 20px;) 

2. הסרה של רווח לבן מיותר

  לפני 

 width : 900px ; height : 100 %; margin : 0px ; padding : 0px ; background-color : #cccccc ; } . לעטוף (רוחב: 900px, גובה: 100%; margin: 0px; הריפוד: 0px; הרקע צבע: # cccccc;) 
  לאחר 
  width : 900px ; height : 100 %; margin : 0px ; padding : 0px ; } . לעטוף (רוחב: 900px, גובה: 100%; margin: 0px; הריפוד: 0px;) 

3. השתמש בצבעים תקצירנות

כתיבה רגילה hex הצבעים הם שלושה כפי שצוין אדום, ירוק וכחול triplets, כמו זו:

אתה יכול לתמצת בצבעים יש ערך זהה עבור כל זוג, כלומר, rrggbb #;, עם ערך אחד בלבד לכל זוג, אז זה:

זה הופך להיות, באמצעות תקצירנות hex סמון:

צבעים בשם יכול להקל על תחזוקה, אך הן בדרך כלל זמן רב יותר מאשר את תקצירנות hex equivalents (מלבד אדום שזוף).

4. השתמש צאצא Selectors

5. השתמש ב CSS CompressTools

אם אתה לא רוצה לבזבז את הזמן לשנות את הסגנון הישן גיליונות אתה יכול פשוט להשתמש בכלים מקוונים CSS לדחוס, היא להפוך את העבודה בתוך שניות
תראו את זה באופן מקוון CSS לדחוס כלים ...
CSS צפית
נקה CSS
CSS Optimiser
Flumpcakes CSS האופטימיזציה
cssdrive CSS Comperasor
W3C CSS Validator

מתויק תחת: CSS, הדרכות על ידי Admin