guide/css/css.htm - 13/5/98

Cascading Style Sheet

Gli Style Sheets permettono di gestire molto accuratamente fonts e sfondi in modo da simulare aspetti grafici e architettonici, senza ricorrere alla grafica.

Permettono inoltre di 'concentrare' eventualmente le definizioni, che non andranno quindi ripetute tutte le volte che sono necessarie.

Un Cascading Style Sheet è una lista di attributi che si applicano a:

Un singolo tag HTML

p.e.
<H1 STYLE="font-size: 13pt; font-weight: bold">
si può abbreviare
<H1 STYLE="font:13pt bold">
assegna quel font soltanto a quel tag

Tutti i tag di un certo tipo

Bisogna inserire le definizioni fra <STYLE> e </STYLE>, che vanno prima di <BODY>:
<STYLE>
BODY {font:10pt "Arial"}
H1 {font:15pt "Times" bold; color:blue}
P {font:15pt "Times" bold; color:blue}
</STYLE>

Tutti i tag di una certa classe:

<STYLE>
BODY {font:10pt "Arial"}
H1.blue {font:15pt "Times" bold; color:blue}
H1.red {font:15pt "Times" bold; color:red}
</STYLE>
poi, per richiamare una certa classe:
<H1 CLASS=blue>Testo blue</H1>

Stile estemporaneo, non abbinato a nessun tag:

<STYLE>
#testorosso {color: red}
</STYLE>
poi, per richiamare un certo stile:
<H1 ID="testorosso">Testo rosso</H1>

Tutti i documenti che fanno riferimento a un documento 'external' che contiene le definizioni:

Esempio: il file 'style.css' contiene le seguenti righe:
BODY {font:10pt "Arial"}
H1.blue {font:15pt "Times" bold; color:blue}
H1.red {font:15pt "Times" bold; color:red}
Il documento 'chiamante' contiene nella 'HEAD' la riga:
<LINK REL=STYLESHEET HREF=STYLE.CSS TYPE=text/css>

Per approfondire:
www.html.it/css/index.html

www.w3.org/TR/REC-CSS1

htmlhelp.com/reference/css

Link verificati il 30/01/2002

Torna a indice Guide

Per approfondire:
	www.html.it/css/index.html
	www.w3.org/TR/REC-CSS1
	htmlhelp.com/reference/css