Cosa sono i CSS
I CSS Sono un insieme di regole, incorporate o contenute in un file esterno, che definiscono come il browser deve visualizzare gli elementi della pagina. All' inizio del Web l' HTML non era in grado di stabilire la formattazione del testo, nè, tantomeno, era quella la sua funzione. Questo compito (della formattazione) spettava al browser.
Con i CSS si distinguono i contenuti di un documento dal modo in cui sono rappresentati. In altri termini, sono due elementi distinti e separati. A questo punto possiamo dire che i CSS sono nati per sostituirsi al browser e, come vedremo, di ampliarne le capacità, sotto i pieno controllo di chi li usa.
Usare i fogli di stile
I CSS vengono inclusi in una pagina HTML in 3 modi diversi:
IN LINEA, INTERNAMENTE, ESTERNAMENTE.
A questi 3 modi, se ne è aggiunto un quarto: il metodo "@import url".
CSS in linea
L'inserimento IN LINEA avviene direttamente all'interno di un TAG HTML, nel corpo del documento; per esempio nel tag <P>, <H1>, <FONT> ecc.
CSS interni
I CSS INTERNI vengono inseriti nell'intestazione del documento, tra i TAG <HEAD> e </HEAD>, in questo modo:
<html>
<head>
<title>Titolo della pagina</title>
<style type="text/css">
Qui vanno dichiarati gli elementi ai quali si vuole applicare lo stile
</style>
</head>
<body>
............
</body>
</html>
CSS esterni
I CSS ESTERNI vengono "richiamati" attraverso un collegamento ad un file esterno, con estensione ".css", in questo modo:
<html>
<head>
<title>Titolo della pagina</title>
<link href="/nomefile.css" rel="stylesheet" type="text/css">
</head>
<body>
............
</body>
</html>
Il metodo @import url
Un altro metodo che viene utilizzato per richiamare un foglio di stile è il metodo @import url, in questo modo:
<html>
<head>
<title>Titolo della pagina</title>
<style type="text/css">
@import url(nomefile.css);
</style>
</head>
<body>
............
</body>
</html>
Lo si può utilizzare anche insieme al metodo visto più su (di collegamento ai CSS esterni).
Questo permette di importare regole da un altro foglio di stile. Laddove presente questa dichiarazione, va sempre posta prima di ogni altra regola, che sia di un CSS esterno o interno. Attenzione al livello dove si salva il file ".css"; se nella stessa cartella del sito, allora va bene il rigo che ho scritto più su, altrimenti si deve scrivere:
<LINK href="/nomecartella/nomefile.css" rel="stylesheet" type="text/css">
| < Prec. |
|---|
