In dit artikel zullen we zien dat hoe te optimaliseren Css.This is zeer eenvoudig en fundamentele tips voor de web-ontwerpers en ontwikkelaars. Niet alleen zal deze tips helpen verminderen de grootte van het bestand van uw CSS-bestand, maar ze zullen ook de snelheid van uw codering als u liever enkele van uw CSS met de hand.

1. Gebruik CSS stenotypist

  Voordat 

  p ( 
  ; margin-top: 5px; 
  ; margin-right: 10px; 
  ; margin-bottom: 15px; 
  ; margin-left: 20px; 
  ) 


  Na 

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

2. Onnodige witruimte

  Voordat 

 width : 900px ; height : 100 %; margin : 0px ; padding : 0px ; background-color : #cccccc ; } . wrap (width: 900px; height: 100%; margin: 0px; padding: 0px; background-color: # cccccc;) 
  Na 
  width : 900px ; height : 100 %; margin : 0px ; padding : 0px ; } . wrap (width: 900px; height: 100%; margin: 0px; padding: 0px;) 

3. Gebruik stenotypist kleuren

Handschrift hex kleuren worden beschreven als drie kleuren rood, groen en blauw drieling, zoals deze:

U kunt afkorten kleuren die hebben een identieke waarde voor elk paar, dat is, # RRGGBB;, met slechts een waarde per paar, dus dit:

wordt dit, met behulp van stenotypist hexadecimale notatie:

Benoemde kleuren kunnen gemakkelijk onderhoud, maar ze zijn over het algemeen meer dan hun stenotypist hex equivalenten (andere dan rood en bruin).

4. Gebruik Stamreeksen gekozen

5. Gebruik CSS CompressTools

Als u niet wilt dat uw tijd in het bewerken van uw oude opmaakmodellen kunt u gewoon gebruik maken van online css comprimeren instrumenten, het maken van uw werk in seconden
Check deze online css comprimeren hulpmiddelen ...
Css Tidy
Schoon CSS
Css Optimiser
Flumpcakes CSS Optimizer
cssdrive CSS Comperasor
W3C CSS Validator

Geplaatst onder: CSS, Tutorials door admin