Páginas

segunda-feira, 3 de outubro de 2011

Uma dica muito boa no site do El Micox, ele demonstrou como começar um css as propriedades css mais comuns.

Segue o código que o El Micox fez:

* { 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;}

Nenhum comentário:

Postar um comentário