Resetear los estilos HTML por defecto

Diseño Web RSS Trackback

Existe un aspecto muy fastidioso dentro del uso de hojas de estilo CSS en XHTML y es los estilo que por defecto tienen asignados una serie de propiedades de estilo, que nos pueden traer de cabeza, sobre todo cuando necesitamos que nuestras páginas sean cross-browser (se vean igual en todos los navegadores).

En Meyerweb encontramos una gran ayuda para solucionar este problema. Proponen una hoja de estilo que se importa junto al resto, pero que incluye una serie de reglas que resetean las propiedades por defecto de las etiquetas HTML, con lo que el estilo pasa totalmente a control nuestro. Está totalmente revisado e incluidas las sugerencias de la comunidad.

Reseteo de estilos

Descarga el archivo css

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}
body {
     line-height: 1
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: “”
}

blockquote, q {
     quotes: “” “”
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}


Compártelo: Añadir a Del.icio.us Añadir a Technorati Añadir a Meneame Añadir a Fresqui Añadir a MySpace Añadir a Facebook Comparte este artículo en Twitter Añadir a Google Bookmarks

2 comentarios

  1. Esta hoja de estilos inicial solo es una de las muchas que hay… Te invito a leer un post que escribí hace días al respecto: Escoge tu CSS Inicial: Eric Meyer vs. Faruk AteÅŸ

    Gabriel Porras en 9 Jan 08 a las 12:19

  2. Ok. le echaré un vistazo. Muchas gracias Gabi.

    Estoy trabajando en una nueva plantilla XHTML + CSS y se agradecen las aportaciones que puedas hacer.

    Un abrazo!

    xeito en 9 Jan 08 a las 13:10

Deja tu comentario

(required)

(required)