Ifølge en ny og forholdsvis enkle regel introduceret på web-standarder Group ( WSG ) liste, bør CSS " padding " og " margin " parametre sættes til "0" for lettere fejlfinding og cross-browser kompatibilitet . Forskellige browsere anvende interne style sheets til at HTML-elementer på din webside , hvilket fører til uforudsete resultater. For eksempel Firefox indrykninger lister ved at bruge " padding- venstre ", mens Internet Explorer bruger " margin - venstre . " For at holde din webside udseende intakt , skal du nulstille " padding " parameter. Instruktioner
1
Åbn din Cascading StyleSheets (CSS) fil. Dette stylesheet styrer layout og udseendet af din side. Standard parameterværdier fra stylesheet er globale , så vil ændre en enkelt parameter påvirke alle elementer af denne type på tværs af dit website
2
Føj følgende kode til din CSS stylesheet at nulstille H2 padding: . < br >
h2 {
padding: 1cm ;
}
p Du kan erstatte "1" med et vilkårligt antal og " cm " med nogen enhed, såsom " i " for tomme eller " mm " for millimeter. Ovenstående kommando nulstiller alle fire polstring typer: padding- venstre , padding -højre, padding- top og padding- bund. Hvis du ikke ønsker at nulstille alle polstring typer , bruge koden nedenfor : Hej
h2 {
padding- top: 1cm ;
padding- venstre : 1in ; < br >
}
Du kan nulstille kun en af de polstring typer eller dem alle og sætte forskellige værdier for hver. Du kan også indstille værdier i forskellige enheder. I det foregående eksempel er " padding -top "-værdi målt i centimeter og " padding- venstre "-værdi er målt i inches. Padding typer, der ikke er defineret tage den nye standard værdi på "0".
3
Gem CSS stylesheet og navigere til din hjemmeside i forskellige browsere til at se polstring effekt. Du kan nulstille H2 polstring til enhver tid og kan endda nulstille flere elementer med samme kommando. For eksempel : Hej
H1, H2 , H3, H4, H5 , H6 , p, formular , label , ul , dl , fieldset {
margin -top : 1em ;
< p > margin -bottom: 1cm ;
margin - højre: 1mm
margin venstre: 3pt ;
}
< br >