Per aggiungere stile alle pagine html esistono due metodi :

• includere le istruzioni css nella pagina , nei tag. <style></style>
• aggiungere alla pagina html il foglio di stile(scelta raccomandata) attraverso la istruzione:
  
  

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

Cioe' creare la cartella css e aggiungere un file style.css .

I tag maggiormente utilizzati sono:

• padding: aggiunge spazio all’interno del documento
• margin: spazio fra 2 blocchi
• width & height: dimensioni altezza e larghezza
• border: bordo di un blocco
• -broder-radius: angoli arrotondati
• box-shadow & test-shadow: ombreggiatura di un blocco o testo
• background-color: colore di sfondo
• color: colore
• position: fixed, absolute, relative: posizione del blocco div
• display: come appare il blocco (vedi w3schools-display)
• hover: al passaggio del mouse

---

Lo stile e' applicato ai blocchi (div) attraverso dei selettori

• id : identificati nel foglio di stile #nome_id
• classi : identificati nel foglio di stile .nome_classe

#Id e' unico e si applica solo al div identificato .

• id=”nome_id”

.classe puo’ essere usato per tutti i div classificati con:

• class=”nome_classe”

---