I fogli di stile css


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”