La introducción y el mejor método de procesamiento del estilo predeterminado del navegador

Recientemente, he ajustado el formato de la página web para descubrir que siempre hay un espacio de aproximadamente 10 píxeles en la parte inferior de la página web.

Se encuentra que hay un botón de margen: 1em;

Descubrí que esta hoja de estilo de agente de usuario es algunos de los estilos predeterminados de la calle. La solución más fácil para estar insatisfecha con este estilo predeterminado es rediseñar los atributos de este estilo, porque la prioridad de la hoja de usuario del agente es muy baja y estará cubierto. El fondo de margen se establece en 0px.

Los diferentes navegadores son inconsistentes con el estilo predeterminado del mismo elemento, por lo que tenemos que escribir al comienzo de CSS* {Padding: 0;

Pero ahora no son solo estos. Básicamente, habrá diferencias en el rendimiento de dos navegadores de diferentes núcleos en ciertos elementos, como el tamaño, la selección de fuentes y el estilo de la sangría. Quizás una mesa de estilo CSS muy hermosa está bien realizada en un navegador.

Por lo tanto, cuando generamos las reglas de estilo CSS, un paso imprescindible es rediseñar el estilo predeterminado del navegador, es decir, el estilo predeterminado del navegador. Diferente del uso de* {Pading: 0;

Por ejemplo, el siguiente párrafo:

La fuente utilizada en este código en Internet Explorer es Times New Roman, y la fuente predeterminada del sistema se usa en Firefox y Opera. Por lo tanto, debemos establecer un estilo unificado para <h1> en CSS.

Sin embargo, si usamos el estilo -leado si usamos* {Pading: 0; , etc. Algunos navegadores ignorarán el rediseño de ellos y, lo que es más importante, esto dañará gravemente la apariencia de estos elementos, por lo que debe establecer manualmente un valor de relleno y un valor de margen para ellos uno por uno. Por lo tanto, debemos dejar de usar simplemente*, pero reproducir el primer elemento con inconsistencias en existencia, como Body, Div, DL, DT, DD, UL, OL, Li, H2, H3, H4, H5, H5, H5, H6 , Pre, etc.

Al mismo tiempo, el estilo predeterminado del elemento puede destruir la apariencia de la página. Por ejemplo, <b> Elementos engrosará el texto, <LockQuote> la sangría en una sección grande, <em> inclinará el texto, etc. Si desea solicitar la apariencia del texto del texto de la página. Al mismo tiempo, a veces requerimos la apariencia de estos elementos como elemento principal, y podemos usar directamente heredar para heredar del elemento principal.

¿En cuanto a qué elementos deben ser re -set? Yahoo! ha hecho un resumen para nosotros. Según la sugerencia de Yahoo, debe poner estas reglas en un archivo llamado reset.css solo (recomiende este método):

 Html {color: #000; , Td {margen: 0; , Var {Font-Style: Normal; Font-Size: 100%;

Lo que tiene que hacer es simplemente guardar estas reglas en RESET.CSS y usarlo en la página. Cuando necesite agregar nuevos estilos a estos elementos, no es diferente de la configuración de otros elementos.

Lo anterior es todo el contenido de este artículo.