Neste artigo iremos descobrir que a forma de otimizar Css.This é muito simples e dicas básicas para a web designers e desenvolvedores. Não só estas dicas vão ajudar a reduzir o tamanho do arquivo do seu arquivo CSS, mas eles também acelerar a sua codificação, se você preferir fazer alguns de seus CSS em mão.

1. Use CSS shorthand

  Antes 

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


  Depois 

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

2. Remover Unnecessary Whitespace

  Antes 

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

3. Use cores shorthand

Escrita usual hex especificado como três cores são vermelho, verde e azul tercinas, como este:

Você pode abreviar cores que têm um valor idêntico para cada par, ou seja, # rrggbb;, com apenas um valor por par, para isso:

torna-se presente, utilizando shorthand notação hexadecimal:

Nomeado cores podem facilitar a manutenção, mas são geralmente mais longos do que os seus equivalentes shorthand hex (excepto vermelha e castanha).

4. Utilize Descendente selectores

5. Use Css CompressTools

se você não quiser perder seu tempo em modificar seu velho estilo folhas você pode simplesmente usar ferramentas online css comprimir, é tornar o trabalho em segundo
verificar este css comprimir ferramentas on-line ...
Css Tidy
Limpo Css
Css Optimiser
Flumpcakes Css optimizer
cssdrive Css Comperasor
W3C CSS Validator

Arquivado sob: Css, Tutorials por admin