Lezione 4: Cosa sono i fogli di stile

Scritto da Arianna Mariani. Pubblicato in HTML

I fogli di stile (CSS) sono dei file esterni. Servono per separare i contenuti (che vengono scritti nella pagina web) dalla formattazione (definita nei fogli di stile).

 

La dichiarazione che utilizzeremo un foglio di stile per la formattazione va inserita nell’HEAD. Tale dichiarazione può essere effettuata in modi diversi:

 

<html>

  <head>

         <title>MIA PAGINA</title>

         <link rel="stylesheet" type="text/css" href="/style.css">

</head>

 

 

 
Oppure
 
 

<html>

  <head>

         <title>MIA PAGINA</title>

         <style type="text/css">

                 @import url(style.css);

         </style>

</head>

 

 

In realtà, la dichiarazione dello stile potrebbe essere fatta anche all’interno della pagina stessa, inserendo le regole dello stile all’interno della sezione HEAD, in appositi tag STYLE, come di seguito:

 

<html>

<head>

<title>MIA PAGINA</title>

<style type="text/css">

    Qui vanno inserite le regole per la formattazione del testo

</style>

</head>

 

Ovviamente, i primi due approcci sono consigliabili, perché migliorano la leggibilità delle pagine. Inoltre, in  caso di modifiche basterà sostituire il foglio di stile style.css.

 

 

Stampa