Entrevista com djô

Hoeee

É nóis no DVD!

Tamo sem postar mas não tamo morto não.

I'll be back

Gostou da dica acima? Então clica nos botões de compartilhamento abaixo e me ajude a dica a subir no Google.

O começo dos meus CSS

Heloou comédias, mais um post da série "eu estou vivo".

Como muitos já sabem tô fazendo uns projetos aí que tão exigindo muito do meu tempo daí o blog tá meio parado aqui. Mas quando eu voltar já sabem que terão toneladas de códigos afinal, é nos serviços que surgem novos códigos.

Hoje, mostrando pra vocês o que costuma sempre estar no início dos meus arquivos CSS. Estas declarações servem pra padronizar algumas coisas nos navegadores e tornar mais fácil o desenvolvimento do site. Tudo é pra reduzir diferenças em navegadores.

Faça um teste no próximo site que fizer. Coloque estas declarações e verá que muitas "diferenças" simplesmente não acontecem nos navegadores. Mas não simplesmente copie e cole. Dê uma lida pra entender o que eu fiz.

Incluí também algumas classes padrão que eu costumo usar.

* { margin: 0; padding: 0; /* padronizando nos navegadores */ }

img { border: 0;}
fieldset { display: block; border: 2px ridge #FFF; padding: 10px; /* padronizando nos navegadores */ }
ul, ol { margin-left: 10px; /* padronizando nos navegadores */}
input[type=hidden]{ display: none !important; visibility: hidden !important; /* esconde mesmo inputs hidden no FF */}
button { border: 1px outset #AAA;}
form button { text-align: center; margin: 5px auto; display: block; }
form ul { list-style: none; margin-left: 0; }
fieldset label { display: block;}
fieldset .radios label { display: inline; }
p { margin-top: 5px; }

/* padronizando tamanhos de cabecalho em todos os browsers */
h1 { font-size: 250%;}
h2 { font-size: 200%;}
h3 { font-size: 150%;}
h4 { font-size: 120%;}

/* classes costumeiras */
.ak { text-decoration: underline; /* access keys */ }
.u { text-decoration: underline; /* textos underline */}
.secoes { display: none; /* exibe nomes das seções se o CSS estiver desativado */ }
.img-left { float: left; }
.img-right { float: right;}
.erroinfo { background: #FFCCCC;}
.erro { background: #FF0000;}

Té mais povo.

Gostou da dica acima? Então clica nos botões de compartilhamento abaixo e me ajude a dica a subir no Google.