February 18
Cascading Style Sheets, o CSS, consentono di organizzare la progettazione di pagine Web attraverso l'uso di classi. Una classe è un insieme di proprietà di stile che specificano le dimensioni, posizionamento o altri comportamenti per gli elementi assegnati alla classe. Creare una classe CSS intestazione e assegnarlo a un elemento div per creare una sezione di intestazione nella pagina Web. Questa classe può essere riutilizzato come modello in molte pagine web.
1 Aggiungere il seguente codice tra i tag <head> tag del documento HTML:
<Style type = "text / css">
.intestazione{
background: # A0A0FF;
padding: 3px;
margin-bottom: 3px;
}
corpo{
margin: 0px;
padding: 0px;
}
</ Style>
Il blocco .header di codice definisce le proprietà di stile della vostra intestazione. La proprietà background specifica il suo colore. Utilizzare qualsiasi nome di colore CSS valido o un valore esadecimale RGB, come ad esempio # A0A0FF. La proprietà padding specifica la quantità di spazio per il margine intorno al contenuto nell'intestazione, e la proprietà margin-bottom separa il resto del contenuto della pagina dalla testata. Il blocco corpo elimina lo spazio grondaia di tutta la pagina, in modo che l'intestazione può soddisfare filo con il bordo della finestra del browser.
2 Posizionare un elemento div nella parte superiore della sezione corpo del documento HTML, l'assegnazione alla classe di intestazione con l'attributo class:
<Div class = "header"> intestazioni dei contenuti </ div>
3 Salvare la pagina e caricare in un browser Web. L'intestazione appare nella parte superiore della pagina con la sua altezza dimensionato per accogliere il contenuto al suo interno. Qualsiasi contenuto inserito dopo l'elemento div appare sotto l'intestazione. Riutilizzare questa classe su qualsiasi pagina che si desidera avere un colpo di testa.