7 de outubro de 2008

Como escrever CSS pensando no futuro

Você segue várias dicas sobre como escrever o seu CSS para que ele funcione em vários browsers, para que seja o mais leve possivel, e várias outras "regrinhas"?

Conheça mais uma recomendação para evitar problemas no futuro, o CSS modular:


Modular CSS
View SlideShare presentation or Upload your own. (tags: flexible system)


O CSS modular é a técnica de dividir o arquivo CSS de um site em vários outros menores, cada um desses arquivos controlando uma parte do layout. Um para o topo, outro para o menu, um para imprimir, outro pro IE, e assim vai. Todos esses arquivos serão incorporados no CSS principal, através do comando @import. Fica assim:

cssprincipal.css


@import "geral.css";
@import "topo.css";
@import "menu.css";
@import "rodape.css";

Quais as vantagens de usar CSS modular?

  • Fica mais fácil de achar algumas regras do CSS.
  • Mais de uma pessoa pode trabalhar nos estilos de um site ao mesmo tempo.
  • Os arquivos podem ser ligados/desligados caso necessário.
  • Você pode adicionar/modificar os arquivos CSS sem mexer no CSS principal ou no HTML.
Ou seja, fica muito mais fácil manter o seu CSS, podendo fazer mudanças no futuro sem precisar ficar confuso com isso.

Para saber mais:
CSS modular

1 comentários:

SQIAR LTD disse...

I'm glad to be reading this article, I simply want to offer you a huge thumbs up for your great information.
Tableau Guru
http://www.sqiar.com