Iloo

https://iloo.wordpress.com

Archivos por Etiqueta: inicializar

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: "";
}
Anuncios