Cómo restablecer la línea de altura en todos los 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 invalida la configuración predeterminada del explorador. Eric Meyer, autora de "CSS: The Definitive Guide", hizo un estudio en profundidad sobre la altura de la línea y encontró que había contradicciones en todo navegadores. Desde la altura de línea afecta a varios elementos de una página Web, se tiene la tentación de utilizar un asterisco para crear un restablecimiento universal. Un restablecimiento universal 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. 

Line-height TRAVES

Lo que necesita

Editor de texto

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

Declare cada selector que desea restablecer en su página, utilizando el código personalizado de CSS Reset de Eric Meyer:

html, body, 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, complementos, kbd, q, s, samp,

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

b, u, i, centro,

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

fieldset, la forma, la etiqueta, la leyenda,

tabla, el título, tbody, tfoot, thead, tr, th, td,

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

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

menú de navegación, la producción, el rubí, el artículo, el resumen,

tiempo, marca, audio, video {

margin: 0;

padding: 0;

frontera: 0;

font-size: 100%;

Fuente: heredar;

vertical-align: línea de base;

}

/ * HTML5 restablecimiento de la pantalla-papel para mayores navegadores * /

artículo, a un lado, detalles, figcaption, figura,

pie de página, encabezado, hgroup, menu, nav, section {

display: block;

}

body {

line-height: 1;

}

ol, ul {

list-style: none;

}

blockquote, q {

citas: ninguno;

}

blockquote: antes, blockquote: después,

q: antes, q: a partir de {

contenido:'';

Contenido: none;

}

table {

border-collapse: collapse;

border-spacing: 0;

}

Haga clic en "Archivo" y "Guardar". Nombre del archivo "reset.css" en la opción "Guardar como" cuadro de diálogo y haga clic en "Guardar".

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

Inserte el siguiente código justo debajo de la etiqueta HEAD abertura en la parte superior de la página:

link rel tipo "stylesheet" = = "text / css" href = "reset.css"

Seleccione "Archivo" y "Guardar" para actualizar el archivo HTML.