È HTML buona pratica di programmazione per separare il contenuto di un documento dalla formattazione. Cascading Style Sheets (CSS) vengono utilizzati per formattare gli elementi del documento HTML. Il modello di scatola delineato dal Consorzio World Wide Web è il concetto base per come attributi CSS riguardano gli elementi del documento. Utilizzando il modello a scatola, il divario tra due tag div può essere impostato utilizzando l'attributo CSS margine, lo stesso che si avrebbe un margine in una pagina.
Istruzioni
1
Aprire l'editor HTML preferito. Se si utilizza un editor WYSIWYG, selezionare questa opzione per visualizzare il codice sorgente.
2
Immettere il seguente codice all'interno di elementi del corpo del documento.
< div id = "top" >
< p > questo è l'elemento superiore div. </p >
< / div >
< div id = "in basso" >
< p > questo è il fondo elemento div. </p >
< / div >
3
Immettere i seguenti elementi di stile tra i tag head del documento.
< style >
Top () {
background-color: red;
border: 5px nero a tinta unita;
margin-bottom: 0;
}
inferiore () {
background-color: verde;
border: 5px solid red;
margin-top: 0;
}
< / stile >
4
Salvare il documento.
5
Mostra il documento finito nel tuo browser web. Ci sarà spazio tra gli elementi div superiore e inferiore. Questo spazio è controllato dall'appropriato margine-parte inferiore e margine-superiore attributi.
Il codice completo è:
< html >
< head >
< title > My Title < / title >
< style >
Top () {
background-color: red;
border: 5px nero a tinta unita;
margin-bottom: 0;
}
inferiore () {
background-color: verde;
border: 5px solid red;
margin-top: 0;
}
< / stile >
< / head >
< corpo >
< div id = "top" >
< p > questo è l'elemento superiore div. </p >
< / div >
< div id = "in basso" >
< p > questo è il fondo elemento div. </p >
< / div >
< / body >
< / html >
Consigli & Avvertenze
- Elementi di stile devono essere collocati tra i tag head del documento, piuttosto che i tag body per impedire di compatibile con i browser CSS non di leggere lo script come parte del contenuto del documento. Compatibile con i browser CSS non possono includere lettori web utilizzati da non vedenti di accedere a Internet.