16. Feio, o que eu não posso fazer?
• !important
• hacks
• css expressions
• seletor *
• mais de 3/4 niveis de seleção
17. Feio, o que eu devo fazer?
• chamadas para estilos sempre no topo
• não usar camel case (usar - ou _)
• semantica (evitar: siglas; nomes de elementos
HTML etc)
• usar pre xos, su xos
• não usar números, caracteres especias
• evitar nomes muito grandes
18. Feio, o que eu devo fazer?
• sempre em Portugues (CDA)
• ordem alfabética;
• quebra de linha nas propriedades;
• reuso de prop. entre seletores;
• arquivos por componente;
• a ordem é importante;
Editor's Notes
Citar o exemplo do Wagner, de que não podia representar dados tabulados usando tabela; Busca por atender um maior número de browser e dispositivos.
IE6, IE7 e IE8 passam a funcionar em Quircksmode (IE 5.5);
<img /> no ie 6 e 7 precisam de block; boxmodel tradicional a largura inclui padding e borda; inputs no IE 6 e Mozilla funcionam em quircksmode sempre. Para corrigir no Firefox usar: -moz-box-sizing: content-box
Melhorar a experi&#xEA;ncia sem prejudicar browsers antigos; citar camadas markup, apresenta&#xE7;&#xE3;o e comportamento; Tecnicas com msm objetivos mas funfam diferentes.
Alguns elementos que possuem haslayout = true: html, body, table, iframe, embed, object; Quando =- false pode causar diversos problemas, como: bugs com float, props basicas de boxes, constru&#xE7;&#xE3;o de listas, script...;
E > F: filhos diretos; E + F: primeiro irmao; E ~ F: todos irm&#xE3;os
Falar sobre o hack, com o :after, usado no cma para correcao do bug com o float;
