December 14
capacità di progettazione Solid Web si basano sulla possibilità di manipolare abilmente HTML e CSS, o fogli di Hypertext Markup Language e di stile a cascata. DIV sono un tipo di elemento HTML utilizzato per separare i diversi tipi di contenuti. Essere in grado di manipolare sapientemente DIV è un'abilità tutti i web designer hanno bisogno di padroneggiare. Elementi rottura di un DIV che contiene possono essere fatte con pochissimo codice.
1 Aprire un editor di testo come Blocco note. Per avviare Blocco note, fare clic sul menu "Start", "Tutti i programmi", "Accessori", quindi "notepad".
2 Inserire il seguente codice:
<Html>
<Body>
<Div id = "wrapper">
<Div id = "example">
</ Div>
</ Div>
</ Body>
</ Html>
Questo codice crea un "involucro" che centrare il resto del contenuto della pagina.
3 Subito dopo il tag "<body>", inserire il seguente codice:
<Style>
wrapper {margin: 0 auto; width: 900px; } Esempio {width: 400px; altezza: 400px; background-color: red}
</ Style>
Salvare il file con l'estensione ".html".
4 Aprire il file in un browser Web. Un quadrato rosso dovrebbe essere visibile sullo schermo. E 'in corso a luogo dal DIV involucro. Per rompere fuori dal DIV involucro senza utilizzare il posizionamento assoluto, sostituire il codice tra "<style>" e "</ style>" con il seguente:
<Style>
wrapper {margin: 0 auto; width: 900px; } Esempio {width: 400px; altezza: 400px; background-color: red; margin-left: -500px; }
</ Style>
L'uso di margini negativi si romperà gli elementi su un DIV che contiene.