25/01/2012
Inserire i fogli di stile in un documento
Facciamo un piccolo passo indietro e vediamo come inserire un foglio di stile CSS all’interno di un documento. Innanzi tutto bisogna distinguere tra:
- Fogli di stile esterni
- Fogli di stile interni
- Stili in linea
Foglio di stile esterno
Un foglio di stile esterno è ideale per applicare lo stesso stile a più pagine. Con un foglio di stile esterno è possibile cambiare l’aspetto di un intero sito web modificando un unico file. Ogni pagina deve essere collegata al foglio di stile attraverso il tag <link>. Il tag <link> va inserito all’interno della sezione <head>.
Esempio:
<head>
<link rel="stylesheet" type="text/css" href="mio_stile.css" />
</head>
Un foglio di stile esterno può essere scritto utilizzando un qualsiasi editor. Il file deve essere salvato con estensione .css. Esempio:
body {
background-image: url("immagine/sfondo.gif");
}
p {
margin-left: 20px;
}
Foglio di stile interno
Un foglio di stile interno può essere usato quando lo stile deve essere applicato ad un unico documento. Un foglio di stile interno viene definito all’interno della sezione <head> di una pagina HTML, utilizzando il tag <style>. Esempio:
<head>
<style type="text/css">
body {
background-image: url("immagine/sfondo.gif");
}
p {
margin-left: 20px;
}
</style>
</head>
Stili in linea
Gli stili in linea vanno utilizzanti solo nel caso in cui sia strettamente necessario in quanto creano confusione tra contenuto della pagina e presentazione (proprio quello che si vuole evitare con l'uso dei fogli di stile CSS).
Per applicare uno stile in linea si utilizza l'attributo style. L'attributo style può essere qppllicato a qualunque elemento HTML e può contenere una o più dichiarazioni CSS. Esempio:
<p style="color: red; margin-left: 20px">Testo paragrafo.</p>
< Precedente Successiva >
Commenti (0) | | | 
Stampa
I commenti sono chiusi