CSS

Cascading Style Sheets è una tecnologia che permette di mantenere separato lo stile (colori, interlinea, font, …) dalle informazioni contenute nelle pagine .html

  1. Un foglio di stile è un file di testo
  2. Una sequenza di regole spiega al browser come formattare la pagina web
  3. Tutti gli oggetti dello stesso tipo (tabelle, immagini, testi, …) avranno uno stile uniforme
  4. Per realizzare strutture su più colonne non sono necessarie le tabelle
  5. Si possono prevedere presentazioni diverse in funzione del dispositivo, browser, schermo, utente
  6. Si semplificano le operazioni di mantenimento e aggiornamento del sito
  7. Lo stesso stile di presentazione può essere applicato a siti diversi

Versioni

  • 1996, CSS 1
  • 1998, CSS 2
  • 2011, CSS 2.1
  • Aggiornamenti parziali
    • Color…
    • Namespaces…
    • Selectors…

Sintassi con esempi

Con il cambio del plug-in, tutte le pagine sono da aggiornare…

  1. ASSOCIARE LO STILE – Al documento
  2. ASSOCIARE LO STILE – Attributo media
  3. ASSOCIARE LO STILE – File Importato
  4. SELETTORI – Elementi HTML
  5. SELETTORI – Classi
  6. SELETTORI – Pseudoclassi e pseudoelementi
  7. SELETTORI – Identificatori
  8. COLORI – color, background-color, border-color, …
  9. TESTI – font-family, font-size, font-style, font-weight
  10. TESTI – text-align, text-decoration, text-indent, text-trasform
  11. TESTI – line-height, letter-spacing, word-spacing, white-spacing
  12. IMMAGINI – background-color, background-image, background-repeat, background-position, background-attachment
  13. IMMAGINI – Nel documento
  14. SEZIONI – DIV e SPAN
  15. SEZIONI – Box model
  16. LAYOUT – Al centro
  17. LAYOUT – Position
  18. LAYOUT – Due colonne
  19. LAYOUT – Con intestazione
  20. RIEPILOGO – TAG
  21. RIEPILOGO – Proprietà

RISORSE ONLINE

In italiano

In inglese

  1. W3: CSS  / Software
  2. MDN: CSS
  3. w3schools: CSS