Scopriamo i fogli di stile CSS.

Esistono 3 tipi di css:

- Stile esterno
- Stile incorporato
- Stile in linea

1) Lo stile esterno è dichiarato in un file esterno salvato con estensione .css e viene richiamato nell'HEAD della pagina web.
2) Lo stile incorporato ha precedenza sull'esterno e viene dichiarato nell'HEAD della pagina web.
3) Lo stile in linea ha precedenza sugli altri 2 e viene dichiarato nel BODY della pagina web all'interno dei tags.

Vediamo come risulta la sintassi dei 3 tipi di css (in questo esempio sono applicati al tag P).

Stile esterno:

Nel file esterno scriviamo il codice riportato sotto e salviamo il file col nome “stili.css”:
p { 
    font-family: arial; 
    font-size: 14px;
    color:#f00;
}
Nella “head” della pagina pag web scriviamo:
<link href=" stili.css" rel="stylesheet" type="text/css">
Nel body della pagina web scriviamo:
<p>testo........... </p>

Stile incorporato:

Nella “head” della pagina pag web scriviamo:
<style type="text/css">
p {
    font-family: arial; 
    font-size: 14px;
    color:#f00;
}
</style>
Nel body della pagina web scriviamo:
<p>testo........... </p>

Stile in linea:

Nel body della pagina web scriviamo:
<p style="font-family:Arial; font-size:14px; color:#f00;">testo.........</p>

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *