Visualizzazione delle pagine web allo stesso modo in diversi browser richiede tempo. Ogni browser ha lievi differenze nel modo in cui esso formatta le pagine Web. Ciò è particolarmente vero per altezza della linea. Un reset CSS sostituisce le impostazioni predefinite del browser. Eric Meyer, autore di "CSS: The Definitive Guide," ha fatto uno studio approfondito sulla altezza della linea e ha scoperto che ci sono stati incongruenze attraverso i browser. Dal momento che l'altezza della linea colpisce diversi elementi di una pagina web, si sta tentando di utilizzare un asterisco per creare un reset universale. Un reset universale si applica la modifica a tutti gli elementi di una pagina web, ma non funziona in tutti i browser. Pertanto, è meglio applicare il ripristino di elementi specifici, invece.

istruzione

1 Selezionare "File" e "Nuovo" in un editor di testo.

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

html, corpo, div, arco, applet, oggetti, iframe,

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

una, abbr, sigla, indirizzo, grande, citare, 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, forma, etichetta, leggenda,

tavolo, didascalia, tbody, TFOOT, THEAD, TR, TH, TD,

articolo, a parte, tela, i dettagli, incorporare,

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

menù, nav, uscita, rubino, sezione, sintesi,

tempo, contrassegno, audio, video {

margin: 0;

padding: 0;

border: 0;

font-size: 100%;

font: ereditare;

vertical-align: baseline;

}

/

HTML5 reset del display-ruolo per browser meno recenti /

articolo, a parte, i dettagli, figcaption, figura,

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

display: block;

}

body {

line-height: 1;

}

ol, ul {

list-style: none;

}

blockquote, q {

quotes: none;

}

blockquote: prima, blockquote: dopo,

q: prima, q: dopo {

content: '';

tenore: none;

}

tavolo {

border-collapse: collapse;

border-spacing: 0;

}

3 Fai clic su "File" e "Salva". Nome del file "reset.css" nel "Salva con nome" finestra di dialogo e fare clic su "Salva".

4 Chiudere il file CSS e selezionare "File" e "Apri". Trovare e fare doppio clic sul file HTML a cui si desidera applicare la line-height reset.

5 Inserire il seguente codice direttamente sotto il tag di apertura HEAD nella parte superiore della pagina:

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

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