Iloo

https://iloo.wordpress.com

CSS: resetear elementos HTML

Este es un tip muy conocido pero hay personas que recién se están adentrando al tema de programación web y el uso de HTML que desconocen esto y luego les conlleva a algunos problemas de visualización, de esta manera es que alguien me pregunto porque las páginas que realizaba no se veían igual en los diferentes navegadores. La respuesta es que los diferentes navegadores a pesar de ser miembros de las W3C no respetan las normas impuestas por este consorcio.

Entonces es necesario “inicializar” o resetear los elementos HTML, para no dar muchas vueltas simplemente añadir este código al inicio del 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
{
  vertical-align: baseline border: 0;
  outline: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  font-family: inherit;
}
*
{
  margin: 0;
  padding: 0;
}
body
{
  line-height: 1;
  height: 100%;
}
:focus
{
  outline: 0;
}
ol, ul
{
  list-style: none;
}
table
{
  border-collapse: collapse;
  border-spacing: 0;
}
blockquote, q
{
  quotes: "" "";
}
hr
{
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
blockquote:before, blockquote:after, q:before, q:after
{
  content: "";
}

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s