CSS - LABORATORIO Un primo approccio

UN PRIMO APPROCCIO

Con il seguente esempio vedremo come associare delle regole stilistiche agli elementi del codice HTML. Queste regole definiscono l'aspetto rappresentativo degli elementi HTML a cui vengono applicati, come il colore o il carattere tipografico.
Siamo in presenza di un foglio di stile che abbiamo definito stilescuola.css, associato ad un documento definito scuola.htm.
Diamo quindi una prima occhiata al codice contenuto nel foglio di stile:

body { font-family: Verdana, Arial, sans-serif;
}

La prima regola definisce il tag <body> e dichiara che il testo dovrà essere con il carattere verdana o, in alternativa Arial o, comunque un sans serif

a { color: red;
text-decoration: none;
font-weight: bold;
}

La regola successiva dichiara che tutti gli elementi definiti dal tag <a> andranno visualizzati in rosso, grassetto, senza altre decorazioni.

Vediamo adesso le altre tre regole e cerchiamo di interpretarle.
Esse non si applicheranno a tutti gli elementi di un certo tipo ma soltanto a quelli che avranno un attributo identificativo id specifico
Il segno # del foglio di stile viene associato al valore di id nella pagina HTML.
Per esempio:

#Header { position: absolute;
left: 25px;
top: 10px; }

Corrisponderà al seguente elemento:

dando indicazione al browser sull'esatta posizione dove l'elemento <div> dovrà apparire a video.

Per le altre regole, vale lo stesso tipo di discorso.