Come reimpostare H2 imbottitura

October 22

Come reimpostare H2 imbottitura


Secondo un nuovo e abbastanza semplice regola introdotta nella lista Standards Group Web (WSG), il CSS "padding" ei parametri "Margine" deve essere impostato su "0" per facilitare il debug e la compatibilità cross-browser. Vari browser si applicano i fogli di stile interni agli elementi HTML nella pagina Web, che porta a risultati imprevisti. Per esempio, Firefox trattini elenchi utilizzando "padding-left", mentre Internet Explorer utilizza "margin-left". Per mantenere intatto l'aspetto di una pagina Web, è necessario reimpostare il parametro "padding".

istruzione

1 Aprire il file Cascading StyleSheets (CSS). Questo foglio di stile controlla il layout e l'aspetto della tua pagina. i valori dei parametri standard del foglio di stile sono globali, quindi la modifica di un singolo parametro influenzerà tutti gli elementi di quel tipo attraverso il vostro sito web.

2 Aggiungere il seguente codice al foglio di stile CSS per ripristinare l'imbottitura H2:

h2 {

padding: 1 cm;

}

È possibile sostituire "1" con qualsiasi numero e "cm" con qualsiasi unità come "in" per pollice o "mm" per millimetro. Il ripristino del comando di cui sopra tutti i tipi di quattro 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: 1 cm;

padding-left: 1in;

}

È possibile ripristinare solo uno dei tipi di imbottitura o tutti loro e impostare valori diversi per ciascuno di essi. È inoltre possibile impostare i valori in unità diverse. Nell'esempio precedente, il valore "padding-top" è misurata in centimetri e il valore "padding-left" è misurato in pollici. tipi di riempimento che non sono definiti prendono il nuovo valore standard di "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: 1 cm;

margin-right: 1mm

margin-left: 3pt;

}