Cómo restablecer la línea de altura a través de navegadores

Viendo las páginas Web de la misma manera en diferentes navegadores lleva tiempo. Cada navegador tiene ligeras diferencias en la forma en que los formatos de páginas Web. Esto es especialmente cierto para la altura de la línea. Un restablecimiento CSS anula la configuración del navegador por defecto. Eric Meyer, autor de "CSS: The Definitive Guide," hizo un estudio en profundidad sobre la altura de la línea y encontró que había inconsistencias entre navegadores. Desde altura de la línea afecta a varios elementos de una página web, es tentador utilizar un asterisco para crear un restablecimiento universal. Un restablecimiento universal, se aplica el cambio a todos los elementos de una página web, pero no funciona en todos los navegadores. Por lo tanto, lo mejor es aplicar el reajuste a elementos específicos en su lugar.

Instrucciones

1 Seleccione "Archivo" y "Nuevo" en un editor de texto.

2 Declarar cada selector que desea restablecer en su página, utilizando el código personalizado a partir de restablecimiento CSS de Eric Meyer:

html, cuerpo, div, palmo, applet, objeto, iframe

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, siglas, dirección, grande, citar, código,

del, DFN, em, img, ins, kbd, q, s, samp,

pequeña, huelga, fuerte, sub, sup, tt, var,

b, u, i, centro,

dl, dt, dd, ol, ul, li,

de campos, la forma, la etiqueta, la leyenda,

mesa, subtítulo, tbody, tfoot, culata en T, tr, th, td,

artículo, a un lado, lona, ​​detalles, incrustar,

figura, figcaption, pie de página, encabezado, hgroup,

menú, de navegación, de salida, rubí, sección, resumen,

tiempo, marca, audio, vídeo {

margin: 0;

padding: 0;

border: 0;

font-size: 100%;

fuente: heredar;

vertical-align: baseline;

}

/

HTML5 restablecimiento de la pantalla en roles para navegadores antiguos /

El artículo, además, detalles, figcaption, figura,

pie de página, encabezado, hgroup, menú, nav, la sección {

display: block;

}

cuerpo {

line-height: 1;

}

ol, ul {

list-style: none;

}

blockquote, q {

quotes: none;

}

blockquote: antes, blockquote: después,

q: antes, q: tras {

content: '';

contenido: ninguna;

}

mesa {

border-collapse: collapse;

espaciado de borde: 0;

}

3 Haga clic en "Archivo" y "Guardar". Nombre del archivo "reset.css" en el "Guardar como" cuadro de diálogo y haga clic en "Guardar".

4 Cierre el archivo CSS y seleccione "Archivo" y "Abrir". Buscar y haga doble clic en el archivo HTML al que desea aplicar el restablecimiento line-height.

5 Inserte el siguiente código justo debajo de la etiqueta de apertura CABEZA en la parte superior de la página:

<Link rel = "stylesheet" type = "text / css" href = "reset.css">

6 Seleccione "Archivo" y "Guardar" para actualizar su archivo HTML.