June 29
Margini aiutano a designare in cui il contenuto di una pagina Web iniziano e finiscono. margini più ampi di ridurre la quantità di contenuti è possibile inserire all'interno di una pagina, mentre i margini più piccoli aumentano tale importo. La larghezza della pagina Web influisce anche la dimensione del contenuto. È possibile personalizzare i margini per la pagina o una sezione specifica e allineare i contenuti. I contenuti, compresi testi, grafica e altri oggetti, sono allineate a sinistra per impostazione predefinita se non si specifica un allineamento.
1 Inserire la seguente dichiarazione: "DOCTYPE" prima del tag HTML di apertura del file HTML:
<! DOCTYPE HTML PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 Creare uno stile sotto il tag testa di apertura per allineare il contenuto della pagina come segue. Esso definisce i margini destro e sinistro per l'auto e il tuo margini superiore e inferiore a zero all'interno del corpo e involucro della pagina Web. Si concentra la pagina, ma di sinistra-allinea il suo contenuto.
<Style type = "text / css">
<! -
body {
margin: 0 auto;
text-align: center;
}
mywrapper {
margin: 0 auto;
text-align: left;
width: 80%;
}
->
</ Style>
3 Sostituire "text-align: center;" per il selettore "corpo" con "text-align: left;" "Text-align: right;" o "text-align: justify;" a seconda dell'allineamento che si desidera utilizzare. Lo stile viene applicato alla pagina Web.
4 Sostituire "text-align: left;" per il selettore "mywrapper" con l'allineamento che si desidera impostare. La modifica di questa influenza l'intero contenitore nella pagina Web. Per modificare l'allineamento, sostituire "sinistra" con "destra", "giustificare" o "centro". Per rendere la pagina più largo o più stretto, sostituire "80%"; con la larghezza che si desidera utilizzare.
5 Vai al tag corpo e aggiungere lo stile "mywrapper" per il contenitore che si desidera allineare come segue:
<Div id = "mywrapper"> contenuti allineati </ div>