Σε αυτό το άρθρο, ότι θα βρούμε τον τρόπο βελτιστοποίησης Css.This είναι πολύ απλές και βασικές συμβουλές για τον παγκόσμιο ιστό, σχεδιαστές και προγραμματιστές. Οχι μόνο αυτές οι συμβουλές θα βοηθήσει στη μείωση του μεγέθους των αρχείων σας CSS αρχείο, αλλά επίσης ότι θα επιταχυνθεί η κωδικοποίηση σας αν προτιμάτε να κάνετε κάποια από σας CSS με το χέρι.

1. Χρησιμοποίησε CSS στενοδακτυλογράφου

  Πριν 

  p ( 
  ; περιθώριο-top: 5px? 
  ; περιθώριο-δικαίωμα: 10px? 
  ; περιθώριο-κάτω: 15px? 
  ; περιθώριο-αριστερό: 20px? 
  ) 


  Μετά 

  10px 15px 20px ; } p (περιθώριο: 5px 10px 15px 20px?) 

2. Αφαιρέστε Περιττές whitespace

  Πριν 

 width : 900px ; height : 100 %; margin : 0px ; padding : 0px ; background-color : #cccccc ; } . WRAP (πλάτος: 900px? ύψος: 100%? περιθώριο: 0px? padding: 0px? υπόβαθρο-χρώμα: # cccccc?) 
  Μετά 
  width : 900px ; height : 100 %; margin : 0px ; padding : 0px ; } . WRAP (πλάτος: 900px? ύψος: 100%? περιθώριο: 0px? padding: 0px?) 

3. Χρησιμοποίησε στενοδακτυλογράφου χρώματα

Χειρόγραφος εξεν χρώματα καθορίζονται ως τρία κόκκινο, πράσινο, μπλε και τρίδυμα, όπως αυτό:

Μπορείτε να συντομεύσει χρώματα που έχουν ταυτόσημη τιμή για κάθε ζευγάρι, είναι ότι, # rrggbb?, Με μία μόνο τιμή ανά ζεύγος, ώστε αυτό:

γίνεται αυτό, χρησιμοποιώντας στενοδακτυλογράφου εξεν συμβολισμός:

Named χρώματα μπορεί ευκολία συντήρησης, αλλά είναι γενικά μεγαλύτερη από τους στενοδακτυλογράφου εξεν ισοδύναμα (εκτός από το κόκκινο και το μαύρισμα).

4. Χρησιμοποίησε απόγονος επιλογείς

5. Χρησιμοποίησε Css CompressTools

εάν δεν θέλετε να χάνετε χρόνο με την τροποποίηση του παλαιού στυλ φύλλα σας, μπορείτε απλά να χρησιμοποιήσετε τη συμπίεση css online εργαλεία, θα κάνει την εργασία σας σε δευτερόλεπτα
επιλέξετε αυτό το online css συμπιέσετε εργαλεία ...
Css Tidy
Καθαριότητα Css
Css Optimiser
Flumpcakes Css Optimizer
cssdrive Css Comperasor
W3C CSS validator

Filed under: Css, Tutorials από admin