Come reimpostare H2 Padding_Aprire Source Code

Conoscenza Informatica

Home Hardware Networking Programmazione Software Domanda Sistemi

* Conoscenza Informatica >> software >> Aprire Source Code >> .

Come reimpostare H2 Padding

Secondo un nuovo e abbastanza semplice norma sul Group ( WSG ) Lista Web Standards , i parametri "Margine" CSS "padding " e devono essere impostati su "0" per facilitare il debug e la compatibilità cross-browser . Vari browser applicano i fogli di stile interni di elementi HTML della pagina Web , che porta a risultati imprevisti . Per esempio , Firefox rientri liste utilizzando "padding -left ", mentre Internet Explorer utilizza " margin-left ". Per mantenere intatto il look di una pagina Web , è necessario reimpostare il parametro "padding " . Istruzioni
1

Aprire i fogli di stile a cascata (CSS) del file. Questo foglio di stile controlla il layout e l' aspetto della pagina . Valori dei parametri standard del foglio di stile sono globali , per cui la modifica di un singolo parametro influenzerà tutti gli elementi di quel tipo attraverso il vostro sito web
2

Aggiungere il seguente codice al vostro foglio di stile CSS per azzerare il padding H2 : .

h2 {

padding : 1cm ;

}

Si può sostituire " 1 " con qualsiasi numero e "cm" con qualsiasi unità come " in " per pollice o " mm " per millimetro. È possibile che questo comando ripristina tutti i quattro tipi di imbottitura : padding-left , padding -right , padding -top e padding-bottom . Se non si desidera ripristinare tutti i tipi di imbottitura , utilizzare il codice qui sotto :

h2 {

padding-top : 1cm ;

padding-left : 1in ;

}

È possibile ripristinare solo uno dei tipi di imbottitura o tutti loro e impostare valori diversi per ciascuno . È inoltre possibile impostare i valori in unità diverse . Nell'esempio precedente , il valore "padding -top " si misura in centimetri e il valore "padding -sinistra" è misurato in pollici . Tipi di imbottitura che non sono definiti prendono il nuovo valore standard "0 ".
3

Salvare il foglio di stile CSS e navigare al tuo sito web in vari browser per vedere l'effetto imbottitura . È possibile ripristinare l'imbottitura H2 , in qualsiasi momento e può anche ripristinare più elementi con lo stesso comando . Per esempio :

h1 , h2 , h3 , h4 , h5 , h6 , p , forma , etichetta , ul , dl , fieldset {

margin-top : 1em ;

margin-bottom : 1cm ;

margin-right : 1 millimetro

margin-left : 3pt ;

}