Visualizzazione delle pagine Web allo stesso modo in diversi browser richiede tempo. Ogni browser ha lievi differenze nel modo in che formatta le pagine Web. Questo vale soprattutto per l'altezza della riga. Un reset CSS esegue l'override le impostazioni predefinite del browser. Eric Meyer, autore di "CSS: The Definitive Guide," ha fatto uno studio approfondito sulla linea altezza e scoperto che c'erano incongruenze tra i vari browser. Interessando diversi elementi in una pagina Web, altezza della riga è tentato di utilizzare un asterisco per creare un reset universale. Un reset universale si applica il cambiamento a tutti gli elementi in una pagina Web, ma non funziona in tutti i browser. Pertanto, si consiglia di applicare il reset invece a elementi specifici.

Istruzioni

1

Selezionare "File" e "New" in un editor di testo.

2

Dichiarare ogni selettore che si desidera reimpostare nella tua pagina, utilizzando il codice personalizzato da Eric Meyer CSS reset:

HTML, corpo, div, span, applet, oggetto, iframe,

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

a, abbr, acronym, indirizzo, grande, cite, codice,

del, dfn, em, img, ins, kbd, q, s, samp,

piccolo, sciopero, forte, sub, sup, tt, var,

b, u, i, centro,

DL, dt, dd, ol, ul, li,

fieldset, form, etichetta, leggenda,

tabella, didascalia, tbody, tfoot, thead, tr, th, td,

articolo, per inciso, tela, dettagli, incorporare,

Figura, figcaption, piè di pagina, intestazione, hgroup,

menu, nav, uscita, rubino, sezione, riepilogo,

tempo, mark, {audio, video

margin: 0;

padding: 0;

border: 0;

font-size: 100%;

font: inherit;

vertical-align: baseline;

}

/ Esposizione-ruolo di HTML5 reset per browser meno recenti /

articolo, a parte questo, dettagli, figcaption, figura,

intestazione, piè di pagina, sezione {, hgroup, menu, nav

display: block;

}

corpo () {

line-height: 1;

}

OL, ul {

list-style: none;

}

blockquote, {q

quotes: none;

}

blockquote: prima, blockquote: dopo,

q: prima, q: dopo {

content: '';

content: none;

}

tabella {

border-collapse: collapse;

border-spacing: 0;

}

3

Fare clic su "File" e "Salva". Nome del file "Reset. css" nella finestra di dialogo "Salva con nome" e clicca "Salva".

4

Chiudi il CSS file e seleziona "File" e "Apri". Individuare e fare doppio clic sul file HTML al quale si desidera applicare l'altezza della riga reset.

5

Inserire il codice seguente direttamente sotto la testa tag di apertura nella parte superiore della tua pagina:

< link rel = "stylesheet" type = "text/css" href="reset.css" >

6

Selezionare "File" e "Salva" per aggiornare il file HTML.