Livello di difficoltà: |
|
I Css, Cascade style sheets, che in italiano significa fogli di stile a cascata, sono una tecnologia per migliorare le proprie pagine Web. Sono stati implementati dal W3 Consorzium nella quarta versione di Html.
|
| |
I fogli di stile incorporati
Cascade style sheets
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.
|
