Hoja de estilo “inicial”

Punto inicial para tu hoja de estilos, te ahorrará dolores de cabeza tratando de que tu diseño se vea igual en distintos navegadores

3d-box-model.png Para nadie que trabaje con CSS es un misterio que a veces hacer funcionar bien las cosas puede ser un proceso al menos tedioso, ya que los navegadores implementan de distintas formas las especificaciones… en especial, MSIE, obvio.

Una buena idea de Faruk Ateş fue crear una hoja de estilos que en la práctica “normaliza” o “neutraliza” las diferencias que se dan entre navegadores.

¿Qué arregla la hoja de estilo “inicial”?

  • Márgenes y relleno (padding) cero en los elementos html, body, form, fieldset, junto con especificar una familia y tamaño de fuente más interlineado para todos estos elementos
  • Neutraliza los márgenes verticales y el relleno en los elementos h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address
  • Aplica margen a la izquierda en los elementos que lo necesitan: li, dd, blockquote. Junto a la regla anterior, esta es especialmente útil ya que en algunos navegadores el elemento li aparece desplazado a la derecha aplicando margen y en otros con relleno
  • Otras reglas “convenientes”: especifica el cursor tipo pointer en las etiquetas de los formularios (<label>); elimina el borde en los <fieldset> y restablece el tamaño de las fuentes en los input, select, textarea (para reparar los problemas de herencia del tamaño de las fuentes en estos elementos)

Enlace: Starting with CSS: revisited

One thought on “Hoja de estilo “inicial”

Comments are closed.