I fogli di stile in linea sono concettualmente molto vicini alle regole dell'HTML classico,
in quanto agiscono su singole istanze all'interno della pagina. Semplificando il concetto,
i fogli di stile in linea agiscono su singole parti del documento, senza influenzare il resto
della pagina. Se per esempio si vuole che una sola parte del testo di un documento abbia un
certo carattere o una certa formattazione, si useranno campi standard di HTML, quali <SPAN>
o <DIV>, per assegnare quello stile. Eccone un esempio:
<SPAN STYLE="font-size:18px; font-family:arial; color:red">
Questo testo ha colore rosso
</SPAN>
In questo modo ho impostato lo stile del solo testo compreso tra i tag
<SPAN> e non per tutto il documento. In particolare ho indicato come
grandezza del carattere (font-size) 18 pixel; come tipo di carattere (font-family)
il classico arial e come colore (color) il rosso. Il risultato che ottengo e'
il seguente:
Questo testo ha colore rosso
La marcatura usata per ottenere questo effetto e' <SPAN> o in alternativa <DIV>.
L'uso dell'una o dell'altra e' lasciato alla discrezionalita' del progettista, anche se la
seconda marcatura e' consigliata per lunghi blocchi di testo, mentre <SPAN> e'
consigliata per brevi frasi, proprio come quella dell'esempio.
Un siffatto sistema di stile e' certamente funzionante ma non rispondente alle peculiarita'
tipiche dei CSS. Assegnare stili alle singole marcature, infatti, non risponde ai criteri di
separazione tra stile e contenuti dei quali i CSS si fanno portatori. I fogli di stile in linea
in un certo senso negano la vera natura di questi strumenti, nati per assegnare stili a intere
pagine o addirittura a gruppi di documenti. Il mio consiglio e' di servirsi dei fogli di stile
in linea esclusivamente per piccoli e circoscritti ritocchi e non per la struttura generale di un
Website.
Css Incorporati
