Questo è il primo di una serie di articoli che vi insegneranno ad utilizzare il CSS. Perciò, iniziamo dall’inizio:

Cos’è il CSS

CSS è l’acronimo di Cascading Style Sheet, ovvero foglio di stile a cascata. Esso serve a definire lo stile di una pagina web. Nel web 1.0 era molto usato definire lo stile di ogni tag al momento della scrittura tramite tags non ufficiali come “<font>” eccetera. Con il css, possiamo agilmente definirlo lo stile di un dato tag, in un unico momento o, come nell’1.0, sul momento.

Come e Dove includerlo

Per includerlo, ci sono 3 metodi:

1) Includendolo da un file Includendolo da un file alleggerete il caricamento delle pagine del vostro sito, dato che verrà scaricato il file del css una volta sola, e poi caricato dalla cache. Si inserisce nell’intestazione, quindi fra i tags “head”, utilizzando questo codice:

<link rel=”stylesheet” type=”text/css” href=”stile.css” />

2) Inserendolo direttamente nel tag E’ possibile, come avveniva nel web 1.0, definire lo stile di un tag direttamente quando lo scriviamo, usando questo codice:

<p style=”stili”>Testo</p>

Ovvero il codice style=””.

3) Definendolo fra un tag Infine si può scrivere nella pagina, nell’header, utilizzando il tag “style”:

<style> Stili </style>

Utile se il vostro sito è composto da poche pagine, oppure se dovete definire uno stile preciso per una sola pagina. Domenica prossima: Struttura del css, I selettori, i commenti