Css in linea

Css con Front Page
La sintassi
Creare un foglio
Applicare uno stile
Le classi
Gli elenchi
I moduli
I puntatori
Css in linea
Sfondi
Testo
Selettori
Links
Margini e bordi
Fonts
Le tabelle
Le immagini e i piani

Css con FP

Fogli di stile "in linea"

I fogli di stile "in linea" non sono molto pratici in quanto per ogni paragrafo interessato occorre inserirli manualmente, operazione che su pagine complesse può diventare molto lunga e ripetitiva; ho deciso tuttavia di inserire anche questa trattazione per due motivi:

credo che attraverso gli esempi riuscirete a capire facilmente le singole proprità dei css
l'adattamento ai css esterni è immediato e banale

<html>

<head>

<title>Titolo del documento</title>

</head>

<body>

</body>

</html>

Fogli di stile "interni"

i fogli di stile "interni" sono adatti a siti formati da poche pagine oppure a siti che, pur avendo un certo numero di pagine, necessitano di stili differenti per ciascuna pagina o gruppo di pagine;

<html>

<head>

<title>Titolo del documento</title>

</head>

<body>

<p>I contenuti della pagina vanno qui</p>

</body>

</html>

Fogli di stile "esterni"

Li abbiamo già visti ma ripetere fa bene: i fogli di stile "esterni" sono adatti a siti di dimensioni medio grandi o grandi e che hanno l'esigenza che tutte le pagine abbiano, in termini di stile, le medesime caratteristiche. Con un foglio di stile "esterno" è infatti estremamente facile cambiare le caratteristiche di tutte le pagine: se abbiamo un sito scritto tutto in "Arial 12" e vogliamo sostituire il carattere con un "Verdana 10" basterà cambiare il riferimento al font nel foglio di stile e, in un colpo solo, avremo modificato tutte le pagine !

<html>

<head>

<title>Titolo del documento</title>

</head>

<body>

<p>I contenuti della pagina vanno qui</p>

</body>

</html>

Come si vede in quest'ultimo esempio il documento punta ad un file con estensione ".css" esterno. All'interno di questo file, preparato con il BloccoNote di Windows© o con un qualunque altro editor di testo, vi saranno tutti gli elementi di stile. Questo file potrà avere un qualsiasi nome, ma sempre estensione ".css". Ovviamente il nome vero del file dovrà essere sostituito nell'esempio posto sopra a "nomefile.css".

Nota: se il file esterno non fosse nella stessa cartella che contiene il documento HTML che lo richiama occorrerà modificare il percorso nella stringa. Se, ad esempio, si trovasse in una sottocartella chiamata stili il richiamo assumerebbe questa forma:

<LINK href="stili/nomefile.css" rel="stylesheet" type="text/css">.

Se si trovasse in una cartella superiore chiamata sempre stili il richiamo assumerebbe questa forma:

<LINK href="../stili/nomefile.css" rel="stylesheet" type="text/css">.

Se si trovasse addirittura su un altro spazio web assumerebbe questa forma:

<LINK href="http://www.nomedominio.com/nomefile.css"

rel="stylesheet" type="text/css">.