Cascading Style Sheets (CSS) è una lingua del foglio di stile utilizzata principalmente per lo styling pagine HTML. CSS ha una sintassi semplice, può essere incorporato nel codice HTML e permette una facile manipolazione di visualizzazione degli elementi, come altezza, colore e tipo di carattere, che lo rende uno strumento estremamente potente. Si non può coprire un elemento div HTML con un altro elemento div in HTML da solo. È possibile, tuttavia, farlo utilizzando CSS diverse regole che modificano il div altezza, larghezza e posizione.
Istruzioni
1
Creare un nuovo file con estensione ". html" e aprirlo con un editor di testo come blocco note.
2
Scrivere il codice per un elemento div e il relativo contenuto. Impostare proprietà di "stile" di div, utilizzato per la definizione di regole CSS, a "Posizione: relativo." Ecco un esempio:
< div style = "Posizione: relativo" > mio testo < / div >
3
Copiare e incollare il codice seguente div all'interno del div definito nel passaggio 2:
< div style = "Posizione: assoluta; Larghezza: 100%; Altezza: 100%; Top: 0; sinistra: 0; sfondo: rosso "> Ciao mondo! < / div >
Per modificare il colore di sfondo del div o il testo, modificare "sfondo: rosso" o "Hello world!" rispettivamente.