Jamboo's Webs and Blogs

Una Piattaforma WEB per la Scuola con Drupal un potente CMS[ i ] Open Source

Separare la forma dal contenuto: CSS[ i ], lo standard per la realizzazione dei fogli di stile

Date delle 2 lezioni: 14 e 21 maggio.

I fogli di stile a cascata, meglio noti con l'acronimo CSS (dall'inglese Cascading Style Sheet) e detti anche semplicemente fogli di stile, vengono usati per definire la rappresentazione di documenti HTML[ i ], XHTML[ i ] e XML[ i ]. Le regole per comporre i fogli di stile sono contenute in un insieme di direttive (Recommendations) emanate a partire dal 1996 dal W3C[ i ].

L'introduzione dei fogli di stile si è resa necessaria per separare i contenuti dalla formattazione e permettere una programmazione più chiara e facile da utilizzare, sia per gli autori delle pagine HTML che per gli utenti.
da Wikipedia http://it.wikipedia.org/wiki/Cascading_Style_Sheet

La guida di HTML.it
http://css.html.it/guide/leggi/2/guida-css-di-base/

• Introduzione: Cosa sono e a cosa servono i CSS.
• Classificazione di elementi e tag[ i ] XHTML
• Inserire i fogli di stile in un documento
• L'attributo media
• Fogli di stile alternativi
• Compatibilità
• Come è fatto un CSS: regole e commenti
• I selettori
• Id e classi: due selettori speciali
• Le pseudo-classi
  http://www.diodati.org/w3c/css3-wd/selettori.html#pseudo-classes
• Gli Pseudo-elementi
• Le @-rules
• Valori e unità di misura
• Ereditarietà, cascade, conflitti tra stili
• Il box model
  http://www.diodati.org/w3c/css2/box.html
• Gestione del colore
  http://www.mariovarini.it/drupal/utilizzo_dei_colori_nel_web
• Gestione dello sfondo
  http://www.diodati.org/w3c/css2/colors.html
• Gestione del testo: proprietà di base
• Gestione del testo: proprietà avanzate
• Gestione delle dimensioni: altezza
• Gestione delle dimensioni: larghezza
• I Margini
• Il Padding
• I Bordi
• Le Liste
• Tre proprietà speciali: display, float clear
• Posizionamento degli elementi
• Gestione della posizione
• Agire sulle tabelle
• Altre proprietà: cursor, content, direction, outline, quotes, unicode-bidi
• CSS per la stampa: paged media styles
• CSS per documenti audio: aural media styles
• Validazione dei fogli di stile
  http://jigsaw.w3.org/css-validator/

Specifiche del W3c
http://www.webstyles-italian.info/Style/CSS/
http://www.diodati.org/w3c/css2/cover.html

w3schools.com
http://www.w3schools.com/
http://www.w3schools.com/css/default.asp
http://www.w3schools.com/css/css_examples.asp

Altre risorse
http://www.mariovarini.it/drupal/css_fogli_di_stile
http://www.mariovarini.it/drupal/formattazione_testo
http://www.mariovarini.it/drupal/download_esempi_css