Lez.4 - Corso Base Css

Assegnare uno Stile Incorporato in un foglio di stile Css

Stile Incorporato

Lo Stile Incorporato si applica direttamente nella pagina web su cui si sta lavorando, per essere più chiari la pagina web è la pagina che abbiamo salvato con l'estensione .html

Lo Stile Incorporato si implementa con il tag <style></style> che va aperto e chiuso e nel suo interno si inserisce il: selettore {blocco delle dichiarazioni} . Il tag style può essere inserito o nel tag head o nel tag dody, scegliamo uno o nell'altro solo per avere una migliore pulizia del codice.

Vediamone il codice:
<!DOCTYPE html>
<html lang="it">                     
 <head>			    
  <title>Stile Incorporato</title>
  <meta charset="utf-8">
  <style>
     body {
       color: red;
       }
     h1 {
       color: green;
       }
  </style>
  </head>
 <body>
   <h1>Fogli di stile incorporati</h1>
   <p>Paragrafo 1 .....</p>
   <p>Paragrafo 2 .....</p>
   <p>Paragrafo 3 .....</p>
 </body>                
</html>                    

Nel codice vediamo che:
body {color: red;} è una regola css in cui il
- body è il selettore,
- {color: red;} è il blocco delle dichiarazioni, e nello specifico
- color è la propietà, e
- red è il valore assegnato alla proprietà color
Con questo codice stiamo dichiarando che tutto il testo che c'è nel body sarà colorato di rosso, mentre il testo che c'è in h1 sarà colorato di verde.