W tym artykule znajdziesz że jak zoptymalizować Css.This jest bardzo proste i podstawowe wskazówki dla projektantów i programistów internetowych. Nie tylko te wskazówki pomogą zmniejszyć rozmiar pliku pliku CSS, ale będzie również przyspieszyć swój kodowanie, jeśli wolisz robić niektórych plików CSS ręcznie.

1. Użyj CSS stenografia

  Przed 

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


  Po 

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

2. Usunąć niepotrzebne znaki odstępu

  Przed 

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

3. Użyj stenografia kolory

Ręczne hex kolory określone są w trzech czerwony, zielony, niebieski i trojaczki, podobnie jak ten:

Możesz ograniczyć kolory, które mają taką samą wartość dla każdej pary, czyli # rrggbb;, z tylko jedną parę na wartości, więc w ten sposób:

staje się tym, za pomocą notacji stenografia hex:

Nazwane kolory mogą łatwość konserwacji, ale generalnie są one dłuższe niż ich odpowiedników stenografia hex (inne niż czerwony i tan).

4. Użyj potomkiem selectors

5. Użyj Css CompressTools

Jeśli nie chcesz tracić swój czas w modyfikowaniu starych arkuszy stylów można użyć narzędzi internetowych css kompresji, to uczynić swoją pracę w sekundach
sprawdzić online css skompresuje narzędzi ...
Css Tidy
Czystość Css
Css Optimiser
Flumpcakes Css optimizer
cssdrive Css Comperasor
Validator W3C CSS

Filed under: Css, Tutorials przez admin