Hvordan Reset line-height Across Lesere

May 9

Vise websider på samme måte i ulike nettlesere tar tid. Hver nettleser har små forskjeller i måten den formaterer websider. Dette gjelder spesielt for linjehøyde. En CSS reset overstyrer standard nettleserinnstillinger. Eric Meyer, forfatter av "CSS: The Definitive Guide", gjorde en grundig studie på linje høyde og fant at det var uoverensstemmelser over nettlesere. Siden linjehøyde påvirker flere elementer på en webside, er det fristende å bruke en stjerne for å lage en universell reset. En universell reset gjelder endringen til alle elementene på en webside, men fungerer ikke i alle nettlesere. Derfor er det best å bruke reset til bestemte elementer i stedet.

Bruksanvisning

1 Velg "Fil" og "Ny" i en teksteditor.

2 Erklærer hver velger du ønsker å tilbakestille på siden din, ved hjelp av tilpassede koden fra Eric Meyers CSS reset:

html, kropp, div, span, applet, objekt, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

en, abbr, akronym, adresse, stor, sitere, kode,

del, DFN, em, img, ins, kbd, q, s, SAMP,

liten, streik, sterk, sub, sup, tt, var,

b, u, i, sentrum,

dl, dt, dd, ol, ul, li,

fieldset, form, etikett, legende,

tabell, bildetekst, tbody, TFOOT thead, st, th, td,

artikkel, side, lerret, detaljer, embed,

figur, figcaption, footer, header, hgroup,

menyen, nav, utgang, rubin, seksjon, sammendrag,

tid, mark, lyd, video {

margin: 0;

padding: 0;

border: 0;

font-size: 100%;

font: arve;

vertical-align: baseline;

}

HTML5-skjerm-rolle reset for eldre nettlesere /

artikkel, side, detaljer, figcaption, figur,

footer, header, hgroup, meny, nav, section {

display: block;

}

kropp {

line-height: 1;

}

ol, ul {

list-style: none;

}

blockquote, q {

quotes: none;

}

blockquote: før, blockquote: etter,

q: før, q: etter {

content: '';

Innhold: none;

}

table {

border-collapse: collapse;

border-Avstand: 0;

}

3 Klikk "Fil" og "Lagre". Gi filen navnet "reset.css" i "Lagre som" i dialogboksen og klikk "Lagre".

4 Lukk CSS-filen og velg "Fil" og "Åpne". Finn og dobbeltklikk på HTML-fil som du vil bruke reset line-høyde.

5 Sett inn følgende kode rett under åpningskoden på toppen av siden:

6 Velg "Fil" og "Lagre" for å oppdatere HTML-fil.