Los Reset CSS son unas hojas de estilo en cascada que se suelen incluir al comienzo de un documento HTML, y cuya función es la de minimizar, en la medida de lo posible, las múltiples diferencias visuales que se dan a la hora de mostrar una misma página web, en diferentes navegadores, causa de que cada navegador implementa su hoja de estilos propia e interna, con determinados valores por defecto, que no siempre siguen la recomendación de la organización W3C.
El consorcio W3C, junto con su especificación de CSS 2.11 del 23 de abril de 2009, publicó en su recomendación, un valor por defecto para cada propiedad de CSS que deberían adoptar los agentes de usuario. Debido a que algunos navegadores hicieron caso omiso a sus indicaciones, los diseñadores web se han visto obligados a recurrir al uso de este tipo de trucos para garantizar la correcta visualización en la mayoría de navegadores.
* { margin: 0; padding: 0; }
Esa única línea indica, y con el selector universal de CSS representado por un asterisco, que todos los elementos contenidos en el HTML al que se aplique, carecerán de márgenes. De esa manera, el diseñador se verá obligado a declarar después los márgenes necesarios en el diseño de su página web, en cada uno de los lugares donde sea necesario, sin tener que dejar ese aspecto a decisión de ningún navegador, y minimizando por tanto, las diferencias visuales entre los mismos.
Los Reset CSS pueden contener esa y otras muchas líneas de código que, en su conjunto, servirán al diseñador web para unificar su visualización entre navegadores.
Fuente: Wikipedia
3 comentarios:
"... las múltiples diferencias visuales que se dan a la hora de mostrar una misma página web, en diferentes navegadores ..."
"... Debido a que algunos navegadores hicieron caso omiso a sus indicaciones ..." (sobre la W3C)
Vamos, sinceriza esos punton y deja escapar ese nombre tan obsceno que nos provoca muchos jalones (con J) de moños a diario: Microsoft Internet Explorer. :-)
Si, IE es el cabecilla, pero aun así los browser no se rigen todos bajo las mismas reglas. fíjate que cuando usamos CSS y claramente lo menciono en el post, usamos
* { margin: 0; padding: 0; }
para entonces luego definir nosotros mismo los margenes, ya que si lo dejamos a que los browsers lo interpreten, estos lo hacen a su manera.
en la actualidad el dolor de cabeza es IE, pero igual considero que todavía no estamos universalmente organizados en temas de estándares.
Bueno, el reset mas que para enfrentar las incompatibilidades, sirve para suprimir los estilos que traen por defecto los navegadores.
Aunque son muchas reglas que tienen los navegadores y que se podrían resetear, casi siempre lo único que hago para resetear los estilos es * { margin: 0; padding: 0; } también.
Mira este link que tiene un reset total: http://meyerweb.com/eric/tools/css/reset/
Publicar un comentario