I fogli di stile incorporati

Cascade style sheets
di Risorse.net

I fogli di stile incorporati rappresentano una via di mezzo tra i Css in linea e i Css esterni. I Cascade Style Sheets incorporati infatti, separano lo stile dai contenuti, ma, essendo acclusi ai tag <HEAD> e </HEAD>, non possono influenzare un intero sito web o anche solo piu' documenti.
Questi fogli di stile incorporati, come quelli esterni e a differenza di quelli in linea, racchiudono peculiarita' sintattiche che lo distinguono dal comune Html: l'insieme degli attributi e' racchiuso tra "{ }" (si ottegono su Windows premendo Shift+Ctrl+Alt+[ oppure Shift+Ctrl+Alt+]), per separare ogni attributo dal suo corrispettivo valore, e' usato il segno ":", in caso di piu' attributi, vengono separati da ";", gli attributi con piu' termini (come font-size) sono sperati da un "-".

Qui di seguito troverete un esempio di foglio di stile incorporato:

<HTML>
<HEAD>

<STYLE TYPE=text/css>
P { font-size:15px; font-family:verdana; color:green }
FONT { font-size:20px; font-family:arial; color:black }
</STYLE>

</HEAD>

<BODY>

<FONT>RISORSE.NET - scritto con i Css incorporati (di 20px, arial e nero)</FONT>

<BR>
<BR>

<P>Il sito italiano sulle ultime tecnologie per fare web (di 15px, verdana e verde)

</BODY>
</HTML>

Come si puo' vedere, i Css incorporati influiscono sui tag a cui fanno riferimento... in questo caso <P> e <FONT>.
Naturalmente nessuno ci vieta di assegnare altri fogli di stile a diversi tag, come <Hx>, <TD> o qualsiasi altro.
Se si volessero assegnare piu' valori a piu' proprieta', bastera' indicare nel Css:
P, TD { font-face: arial; font-size: 10pt }

In pratica, se volessimo unire tag che abbiano gli stessi valori, bastera' indicarli nello stesso foglio di stile, sperati da una virgola. Gli stessi valori invece, vengono separati da un punto e virgola. Questo, vale anche per i Css esterni.

In conclusione: l'attributo text/css del tag <STYLE> puo' essere omesso e riguarda il formato (MIME) del foglio di stile appena specificato. Sia Explorer che Netscape sono compatibili con questo formato. Un altro formato, e' text/jass e riguarda i Css in Javascript.

© Risorse.net (www.risorse.net)
pagina in versione stampabile:
http://www.risorse.net /css/incorporaticss.asp?print=ok