Hvordan Reset H2 Padding

Ifølge en ny og ganske enkel regel introdusert på nettet Standards Group (WSG) liste, bør CSS "padding" og "margin" parametere settes til "0" for enklere feilsøking og kryss-nettleser kompatibilitet. Ulike nettlesere benytte interne stilark til HTML-elementer på websiden, som fører til uforutsette resultater. For eksempel Firefox innrykk lister ved hjelp av "padding-left", mens Internet Explorer bruker "margin-left." For å holde websiden utseende intakt, må du nullstille "padding" parameter.

Bruksanvisning

1 Åpne Cascading stilark fil (CSS). Dette stil styrer utformingen og utseendet på siden din. Standard parameterverdier fra stilark er globale, så endrer en enkelt parameter vil påvirke alle elementer av denne typen over ditt nettsted.

2 Legg til følgende kode i CSS-stilark for å nullstille H2 padding:

h2 {

padding: 1cm;

}

Man kan erstatte "1" med ethvert antall og "cm" med en hvilken som helst enhet som for eksempel "i" for tommer eller "mm" for millimeter. Kommandoen ovenfor tilbakestiller alle fire padding typer: padding-venstre, padding-høyre, padding-top og padding-bottom. Hvis du ikke ønsker å tilbakestille alle padding typer, bruk koden under:

h2 {

padding-top: 1cm;

padding-left: 1i;

}

Du kan tilbakestille bare en av stopp typene eller alle av dem og sette forskjellige 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ålt i inches. Stopptyper som ikke er definert ta den nye standard verdien av "0"

3 Lagre CSS-stilark og navigere 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:

h1, h2, h3, h4, h5, h6, p, form, etikett, ul, dl, fieldset {

margin-top: 1em;

margin-bottom: 1cm;

margin-right: 1mm

margin-left: 3pt;

}