Solide competenze di Web design si basano su poter abilmente manipolare HTML e CSS, o Hypertext Markup Language e fogli di stile CSS. Div sono un tipo di elemento HTML utilizzato per separare diversi tipi di contenuto. Essere in grado di manipolare sapientemente DIVs è un'abilità tutti bisogno di progettisti di Web Master. Rompere gli elementi fuori un DIV contenitore può essere fatto con pochissimo codice.

Istruzioni

1

Aprire un editor di testo come blocco note. Per avviare il blocco note, fare clic i "Start" dal menu "Tutti i programmi", "accessori" quindi "blocco note".

2

Immettere il seguente codice:

< html >

< corpo >

< div id = "wrapper" >

< div id = "example" >

< / div >

< / div >

< / body >

< / html >

Questo codice crea un "wrapper" che avrà al centro il resto del contenuto nella pagina.

3

Proprio dopo il tag "< body >", immettere il seguente codice:

< style >

wrapper {margin: 0 auto; width: 900px;} esempio {width: 400px; altezza: 400px; background-color: red}

< / stile >

Salvare il file con estensione ". html".

4

Aprire il file in un browser Web. Un quadrato rosso dovrebbe essere visibile sullo schermo. Questa si svolge in luogo dal wrapper DIV. Per rompere fuori il wrapper DIV senza usare il posizionamento assoluto, sostituire il codice tra "< style >" e "< / stile >" con il seguente:

< style >

wrapper {margin: 0 auto; width: 900px;} esempio {width: 400px; altezza: 400px; background-color: rosso; margin-left:-500px;}

< / stile >

L'uso di margini negativi si romperà gli elementi fuori un div che lo contiene.