V tomto článku jsme se zjistit, že jak optimalizovat Css.This je velmi jednoduchá a základní tipy pro webové designéry a vývojáři. Nejenže tyto tipy pomohou snížit velikost svého CSS souboru, ale budete také urychlí vaše kódování chcete-li si některé z vašich CSS rukou.

1. Použití CSS úsečná

  Před 

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


  Po 

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

2. Odstranit zbytečné mezery

  Před 

 width : 900px ; height : 100 %; margin : 0px ; padding : 0px ; background-color : #cccccc ; } . obal (width: 900px, výška: 100%; margin: 0px; padding: 0px; background-color: # cccccc;) 
  Po 
  width : 900px ; height : 100 %; margin : 0px ; padding : 0px ; } . obal (width: 900px, výška: 100%; margin: 0px; padding: 0px;) 

3. Použijte úsečná barvy

Latinka hex barev jsou uvedeny tři červené, zelené a modré triol, jako je tato:

Můžete zkrátit barvy, které mají stejnou hodnotu pro každou dvojici, která je, # rrggbb;, pouze s jednou hodnotou za pár, tak tohle:

stává se to pomocí úsečná hexadecimální notaci:

Pojmenované barvy lze snadnou údržbu, ale oni jsou obvykle delší, než je jejich úsečná hexadecimální ekvivalenty (jiné než červené s pálením).

4. Použijte potomek selektory

5. Použijte css CompressTools

pokud nechcete ztrácet čas při úpravě vaší staré stylů můžete jednoduše použít online komprimaci css nářadí, je vaše práce v sekundách
zkontrolovat tento online css komprimaci nářadí ...
Css Tidy
Čisté css
Css optimalizovatel
Flumpcakes css optimizer
cssdrive css Comperasor
W3C CSS validator

Soubor pod: css, Tutoriály admin