Formattazione del testo con i Css

Autore: Luca Ruggiero | Tell a Friend Corso HTML Impara il linguaggio di marcatura per il Web. Corso CSS Web Design ed Accessibilità secondo il W3C! Corso Web Design Disegno di siti Web con HTML, CSS e Dynamic HTML.

Creiamo ora un primo esempio concreto di foglio di stile sulla scorta delle nozioni di base fin ora acquisite, preoccupiamoci di formattare una serie di testi utilizzando tutti gli attributi di stile dediti allo svolgimento di tali funzioni e tutti i trucchi per snellire il codice ed il lavoro.

La prima cosa che ci preoccupiamo di stabilire per la formattazione di un file testuale è la dimensione del testo, il carattere, ovvero il font da utilizzare ed eventualmente il colore, immaginiamo di voler stilizzare il testo contenuto in un Tag <div>, più frequentemente utilizzato per i Css rispetto a <p>:

<style type="text/css">
   div {
      color: 003366;
      font-size: 12px;
      font-family: Verdana;
   }
</style>

<style type="text/css">
   body {
      color: 003366;
      font-size: 12px;
      font-family: Verdana;
   }
</style>

<style type="text/css">
   body {
      color: 003366;
      font-family: Verdana;
   }
   td, div { font-size: 12px; }
</style>

<span style="font-size: 15px; font-family: Tahoma; font-weight: Bold;">lukeonweb.net</span>

<span style="font: Bold, 15px, Tahoma;">lukeonweb.net</span>

<div style="font-family: 'Times New Roman';">lukeonweb.net</div>