De acordo com uma nova e bastante simples regra introduzida no Grupo Web Standards lista ( WSG ), o CSS " estofo " e "margem" parâmetros deve ser definido como "0" para facilitar a depuração e compatibilidade cross-browser . Vários navegadores aplicar folhas de estilo internas para elementos HTML em sua página Web , levando a resultados imprevisíveis . Por exemplo, o Firefox travessões listas utilizando " padding-left ", enquanto o Internet Explorer usa " margin-left ". Para manter a aparência da sua página Web intacto , você deve redefinir o parâmetro " preenchimento " . Instruções
1
Abra suas folhas de estilo em cascata (CSS) de arquivos. Esta folha de estilo controla o layout ea aparência de sua página. Valores de parâmetros padrão do estilo são global, mudando assim um único parâmetro irá influenciar todos os elementos desse tipo em seu site
2
Adicione o seguinte código ao seu estilo CSS para redefinir o preenchimento H2: .
h2 {
padding: um centímetro ;
}
Você pode substituir "1" com qualquer número e "cm" com qualquer unidade como " em " por polegada ou " mm " para milímetro. As redefinições de comando acima todos os quatro tipos de preenchimento : padding-left , padding-right , padding- top e padding-bottom . Se você não deseja redefinir todos os tipos de preenchimento , use o código abaixo :
h2 {
padding-top : 1cm ;
padding- left: 1em ;
}
Você pode redefinir apenas um dos tipos de preenchimento ou de todos eles e definir valores diferentes para cada um. Você também pode definir os valores em unidades diferentes . No exemplo anterior , o valor " padding-top " é medido em centímetros e o valor de " padding- esquerda " é medido em polegadas . Tipos de preenchimento que não estão definidos levar o novo valor padrão de "0".
3
Salve a folha de estilo CSS e navegar para o seu site em vários navegadores para ver o efeito de preenchimento . Você pode redefinir o preenchimento H2 , a qualquer momento e pode até mesmo redefinir vários elementos com o mesmo comando . Por exemplo :
H1, H2 , H3, H4 , H5 , H6 , p , forma , etiqueta , ul , dl , fieldset {
margin-top : 1em ;
margin-bottom : 1cm ;
margin-right : 1mm
margin-left: 3pt ;
}