dal 2015 - visita n. 659
CSS in linea
CSS in linea

 

CSS in linea

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.



















Particelle
Introduzione
CSS in linea
CSS incorporati
CSS esterni
Attributi per testo
Attributi per margini
Gestione sfondo
Raggruppare stili
Assegnare classi
Posizionamento dinamico
Controlli del cursore



Se i coniugi non vivessero insieme, buoni matrimoni sarebbero pił frequenti.
Friedrich W. Nietzsche

Valid CSS!
pagina generata in 0.001 secondi