5 Dicas e Truques Como Otimizar Seu Css
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
AntesDepoisp ( ; margin-top: 5px; ; margin-right: 10px; ; margin-bottom: 15px; ; margin-left: 20px; )10px 15px 20px ; } p (margin: 5px 10px 15px 20px;)
2. Remover Unnecessary Whitespace
AntesDepoiswidth : 900px ; height : 100 %; margin : 0px ; padding : 0px ; background-color : #cccccc ; } . wrap (width: 900px; height: 100%; margin: 0px; padding: 0px; background-color: # cccccc;)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
Artigos Relacionados:
Se você gozava leitura deste artigo, veja outros artigos relacionados a seguir:




















































Enviar um comentário