Lez.9 - Corso Base Css

Peso del Testo e la Proprietà font-weight in un foglio di stile Css

Peso del Testo e la proprietà font-weight

A del testo, serve definirne il peso, la consistenza, la grandezza a livello visivo.
Sintassi:
selettore { font-weight: valore; }

Dove valore può essere un numero espresso in centinaia ed è compreso tra 100 e 900, più alto è il numero più grosso è il peso del testo.

Oppure valore può assumere i seguenti valori:
normal - il testo mantiene il suo aspetto normale;

bold - il testo sarà in grassetto;

bolder - (audace) (valore relativo meno usato) un pò più di grassetto;

lighte -(light leggero) indica di fare un grassetto un pò più leggero;

Il codice:
<!DOCTYPE html>
<html lang="it">                     
 <head>			    
  <title>Proprietà font-style</title>
  <meta charset="utf-8">
  <style type="text/css">
     body {
          font-weight: normal;
         }
     div p {
          font-weight: bold;
         }
     #pippo {
          font-style: italic;
         }
     #pippo4 {
          font-weight: bolder;
         }
     #pippo5 {
          font-weight: lighter;
         } 
  </style>
 </head>
 <body>			    
   <h1>Stile del testo di un'intestaione h1</h1>
   <div><p>Paragrafo 1. Testo del paragrafo 1 messo in un div.</p></div>
   <p id="pippo">Paragrafo 2 per provare il selettore 'id' e la proprietà font-style con il suo valore 'italic'</p>
   <p>Paragrafo 3 testo normale perchè è dato da font-weight in body</p>
   <p id="pippo4">Paragrafo 4 con font-weight: bolder (audace) (valore relativo meno usato) un pò più grassetto</p>
   <p id="pippo5">Paragrafo 5 con font-weight: lighter  (light leggero) ma comunque dice fammi un grassetto un pò più leggero</p>
 </body>                
</html>