HTML e CSS

Hai 4 possibilita' per inserire i CSS all' interno di pagine HTML:

Far riferimento ad un file esterno che contiene un foglio di stile, usando l' elemento 'LINK REL'
Far riferimento ad un file esterno che contiene un foglio di stile, usando la notazione '@import'
Definendo un foglio di stile all' interno del documento HTML, all' interno del tag <HEAD>
Usando un elemento di stile all' interno del corpo del documento (body), all' interno di un tag

Far riferimento ad un file esterno usando 'LINK REL'

Puoi usare un file esterno per definire il tuo foglio di stile. Cio' risulta utile nel caso si renda necessario aggiornare un sito intero, aggiornando esclusivamentemle caratteristiche del foglio di stile (cioe' modificando un unico file). Cambia quel file ed aggiornerai automagicamente tutti i documenti che ne fanno riferimento! Devi solo inserire una riga all' interno del tag <head>:

dove stileurl e' l' URL che punta al tuo foglio di stile. Se il tuo foglio di stile si trova all' interno della stessa directory che contiene tutte le altre pagine, devi solo indicare il nome del foglio di stile, omettendo l' intero path assoluto. Qualcosa e' il titolo del foglio di stile.

Far riferimento ad un file esterno tramite '@import'

Puoi usare piu' fogli di stile contemporaneamente all' interno dello stesso documento HTML. Cio' permette la creazione di un foglio di stile principale per l' intero sito, e di fogli parziali per documenti specifici che possono richiedere delle indicazioni aggiuntive particolari. Per far cio' devi inserire questa riga:

<STYLE TYPE="text=css">@import url (stileurl);</STYLE>

Dove <STYLE TYPE="text=css"> e' una notazione fissa, e stileurl e' l' URL che punta al tuo foglio di stile. Assicurati di inserire un punto e virgola (nota il simbolo verde ';') alla fine di ogni riga che contiene la notazione '@import'! Se non inserisci un punto e virgola, il browser ignorera' l' intera notazione! Puoi inserire piu' righe '@import' nello stesso documento. Netscape Navigator 4 e Microsoft I.E. 3 pero', non supportano questa notazione.

Definire un foglio di stile all' interno del tag <HEAD>

Puoi definire tutte le proprieta' e le caratteristiche del tuo foglio di stile all' interno del tag <head>. Per esempio, puoi definire le caratteristiche di tutti i tag '<h1>':

Cosi' tutte le righe marcate dal tag <h1> , saranno rosse. Qui puoi definire tutti i tag HTML. Non preoccuparti, spieghero' maggiormente le regole come 'h1 {color : red}' successivamente.

Usare un elemento di stile all' interno del corpo del documento

Come il metodo precedente, ma qui puoi inserire un elemento di stile all' interno del corpo del documento (body). Potresti definire un singolo tag specifico ad esempio. Solamente quel tag sara' influenzato. Comunque credo che questo sia il peggior modo di usare i CSS. Infatti lo scopo principale dei CSS e' quello di separare il contenuto di un documento dal suo stile. Questo e' un esempio:

<h1 style="color : red">questa e' una semplice riga con un elemento di stile</h1>

<h1>questa e' un riga normale</h1>

Dove solo la prima riga sara' rossa.