De acuerdo con un nuevo y bastante simple norma introducida en la lista Grupo de Estándares Web ( WSG ), el parámetro " Margen" CSS "relleno " y se debe establecer en " 0 " para facilitar la depuración y compatibilidad entre navegadores . Varios navegadores aplican hojas de estilo internas de los elementos HTML de su página Web , lo que lleva a resultados imprevistos . Por ejemplo , Firefox sangrías mediante el uso de listas de " padding-left ", mientras que Internet Explorer utiliza " margin-left . " Para mantener el aspecto de su página Web intacto , debe restablecer el parámetro de "relleno" . Instrucciones
1
Abre tus hojas de estilo en cascada ( CSS) . Esta hoja de estilo controla el diseño y el aspecto de su página . Valores de los parámetros estándar de la hoja de estilos son globales , por lo que cambiar un solo parámetro influirá en todos los elementos de ese tipo a través de su sitio web
2
Agregue el siguiente código a su hoja de estilo CSS para restablecer el relleno H2: .
h2 {
relleno : 1 cm ;
}
puede sustituir "1" con cualquier número y "cm " con cualquier unidad como " en " de pulgada o " mm " para milímetros. El comando anterior restablece los cuatro tipos de relleno : padding-left , padding-right , padding- top y padding-bottom . Si no desea restablecer todos los tipos de relleno , utilice el código de abajo :
h2 {
padding- top: 1cm ;
padding-left : 1 pulgada ;
}
puede restablecer sólo uno de los tipos de relleno o la totalidad de ellos y establecer valores diferentes para cada uno. También puede configurar los valores en unidades diferentes . En el ejemplo anterior, el "top padding- " el valor se mide en centímetros y el valor " padding- left" se mide en pulgadas. Tipos de relleno que no están definidos tienen el nuevo valor estándar de " 0 . "
3
Guardar la hoja de estilos CSS y vaya a su sitio web en varios navegadores para ver el efecto de relleno. Puede restablecer el relleno H2 en cualquier momento e incluso puede restablecer múltiples elementos con el mismo comando . Por ejemplo :
h1 , h2, h3, h4 , h5 , h6 , p , la forma, la etiqueta , ul , dl , fieldset {
margin-top : 1em ;
< p > margin-bottom : 1 cm ;
margin-right : 1mm
margin-left : 3 puntos ;
}