October 22
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".
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;
}