5 Savjeti i trikovi kako da poboljšate svoje CSS, Tutoriali

5 Savjeti i trikovi kako da poboljšate svoje Css

U ovom članku ćemo se naći da kako optimizirati Css.This je vrlo jednostavna i osnovnih savjeta za web dizajnere i programere. Ne samo da će ovi savjeti pomoći smanjiti veličinu datoteke od vaših CSS datoteku, ali oni će također ubrzati vaš kodiranje ako želite učiniti neke od Vaših CSS rukom.

1. Upotreba CSS stenografija


  Prije 

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


  Nakon 

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

2. Ukloni Nepotreban whitespace


  Prije 

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

3. Koristite boje stenografija

Običan rukopis heksadecimalna boje su navedene tri crvene, zelene i plave triplets, ovako:

  : #fdca30 ; } p (color: # fdca30;) 

Možete pokratiti boje koje imaju identičnu vrijednost za svaku paru, to jest, # rrggbb;, uz samo jednu vrijednost po paru, tako da ovo:

  : #ffcc00 ; } p (color: # ffcc00;) 

ove postaje, koristeći stenogram heksadecimalna notaciji:

  : #fc0 ; } p (color: # fc0;) 

Boje se zove jednostavnost održavanja, ali su uglavnom više nego njihovi ekvivalenti stenogram heksadecimalna (osim crvenih i štaviti).

4. Koristite potomak Selectors

  color :red ; } div. upozorenje p (color: crvena;) 

  > <div class = "warning"> 
  <p> Upozorenje!  Topljenje jezgra nuklearnog reaktora je blizak. </ P> 
  </ div> 

5. Koristite Css CompressTools

Ako ne želite da se otpad u svoje slobodno vrijeme mijenjanja svog starog stila listova možete jednostavno koristiti oblog css online alati, to bi vaš rad u sekundi
check this online css compress alate ...
Css uredan
Čisto Css
CSS Optimiser
Flumpcakes Css optimizatora
cssdrive Css Comperasor
W3C Css Validator