Ifølge en ny og ganske enkel regel introdusert på Web Standards Group ( WSG ) liste , bør CSS "padding " og " margin " parametere settes til "0" for enklere feilsøking og kryss-nettleser kompatibilitet . Forskjellige nettlesere benytte interne stilark til HTML-elementer på websiden din , som fører til uforutsette resultater . For eksempel Firefox innrykk lister ved hjelp av "padding - venstre ", mens Internet Explorer bruker " margin-left . " For å holde websiden utseende intakt , må du nullstille "padding " parameter . Instruksjoner
en
Åpne Cascading stilark ( CSS -fil) . Dette stilark styrer oppsettet og utseendet på siden din. Standard parameterverdier fra stilark er globale, vil så endrer en enkelt parameter påvirker alle elementer av denne typen over ditt nettsted
2
Legg til følgende kode i CSS -stilark for å nullstille H2 padding: .
h2 {
padding: 1cm ;
}
Du kan erstatte " 1 " med et tall og " cm " med enhver enhet som " i " for tommer eller " mm " for millimeter . Kommandoen ovenfor nullstiller alle fire padding typer: padding- venstre , padding -right , padding -top og padding- bottom . Hvis du ikke ønsker å tilbakestille alle padding typer , bruk koden under : en
h2 {
padding -top : 1cm ;
padding -left: 1i ;
}
Du kan tilbakestille bare ett av padding typer eller alle av dem og sette ulike verdier for hver. Du kan også angi verdier i ulike enheter . I forrige eksempel er "padding -top " verdi målt i centimeter og " padding- left" verdi måles i inches . Padding typer som ikke er definert ta den nye standarden verdien " 0 ".
3
Lagre CSS -stilark og naviger til din nettside i ulike nettlesere for å se padding effekt. Du kan tilbakestille H2 padding til enhver tid og kan også tilbakestille flere elementer med samme kommando . For eksempel : en
h1 , h2 , h3 , h4 , h5 , h6 , p, form, etikett, ul , dl , fieldset {
margin -top : 1em ;
< p > margin -bottom: 1cm ;
margin -right : 1mm
margin -left: 3pt ;
}