Divs sono elementi HTML creati dal tag "< div >", e questi tag creare sezioni separate di contenuti sulle pagine Web. Layout di pagina complicati richiedono molti divs, tra cui div che nidificano all'interno di altri divs. Chiamata di sviluppatori Web div che avvolgono gli altri "contenitori" o "wrapper" e molti layout utilizzare un div che avvolge l'intera pagina per un controllo migliore. Si possono spaziare questi contenitori utilizzando il codice CSS (Cascading Style Sheet). Impostare galleggianti e margini per allineare DIV e loro lo spazio da altro.
Istruzioni
1
Aprire la pagina Web in blocco note o un editor di codice. Localizzare il tuo container div:
< div id = "left" >
Contenuto del div "Sinistro"
< / div >
< div id = "right" >
Contenuto del div "Right"
< / div >
Trovare il nome di ID di ogni div che si desidera spazio e dare un nome identificativo per qualsiasi div che non hai ancora uno.
2
Individuare "< style >" tag tra i tag "< head >" della tua pagina Web e aggiungerli se trovi nessuno:
< style type = "text/css" >
< / stile >
3
Scrivere regole di stile tra i tag di "stile < >". Selezionare ogni div con il suo nome ID preceduti da un simbolo di cancelletto:
sinistra () {
}
destra () {
}
4
La linea divs side-by-side utilizzando la proprietà di "galleggiare", se necessario:
sinistra () {
float: left;
}
destra () {
float: right;
}
5
Impostare la proprietà "margin" in ogni regola di stile per modificare i margini del vostro div. È possibile utilizzare la proprietà a sintassi abbreviata "margine" o impostare ogni margine separatamente:
sinistra () {
margin-left: 20px;
}
destra () {
margin: 20px;
}
Nell'esempio precedente, il div "sinistro" ottiene un margine di 20-pixel sul suo lato sinistro solo mentre il div "giusto" ottiene un margine di 20-pixel su tutti e quattro i lati.
Consigli & Avvertenze
- Evitare i nomi in codice HTML riutilizzando-ID. Rendere ogni nome identificativo unico e facile da ricordare.
- Backup della pagina Web prima di modificare il suo codice.