Cascading Style Sheets è una tecnologia che permette di mantenere separato lo stile (colori, interlinea, font, …) dalle informazioni contenute nelle pagine .html
- Un foglio di stile è un file di testo
- Una sequenza di regole spiega al browser come formattare la pagina web
- Tutti gli oggetti dello stesso tipo (tabelle, immagini, testi, …) avranno uno stile uniforme
- Per realizzare strutture su più colonne non sono necessarie le tabelle
- Si possono prevedere presentazioni diverse in funzione del dispositivo, browser, schermo, utente
- Si semplificano le operazioni di mantenimento e aggiornamento del sito
- 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…
- ASSOCIARE LO STILE – Al documento
- ASSOCIARE LO STILE – Attributo media
- ASSOCIARE LO STILE – File Importato
- SELETTORI – Elementi HTML
- SELETTORI – Classi
- SELETTORI – Pseudoclassi e pseudoelementi
- SELETTORI – Identificatori
- COLORI – color, background-color, border-color, …
- TESTI – font-family, font-size, font-style, font-weight
- TESTI – text-align, text-decoration, text-indent, text-trasform
- TESTI – line-height, letter-spacing, word-spacing, white-spacing
- IMMAGINI – background-color, background-image, background-repeat, background-position, background-attachment
- IMMAGINI – Nel documento
- SEZIONI – DIV e SPAN
- SEZIONI – Box model
- LAYOUT – Al centro
- LAYOUT – Position
- LAYOUT – Due colonne
- LAYOUT – Con intestazione
- RIEPILOGO – TAG
- RIEPILOGO – Proprietà
RISORSE ONLINE
In italiano
In inglese