Relazione su

Cascading Style Sheets

CSS1, CSS2, CSS3

Questa relazione ha lo scopo di spiegare cosa sono i fogli di stile perchè sono stati introdotti e in che campo e su quali oggetti producono il loro effetto. Viene inoltre fornita a corredo una sezione comprendente alcuni esempi scaricati dal sito di Microsoft.
Vengono infine riportati in fondo alla pagina i link ai vari siti da cui è stata prelevata l'informazione per la costruzione di questa relazione.

In fase di prima lettura per una migliore comprensione si consiglia di procedere in ordine la tettura delle prime 4 parti

Introduzione ai CSS

Sintassi e regole

Meccanismi fondamentali di CSS

Modi di attaccare stile al documento
La sezione Su cosa agisce CSS potrà essere utilizzata come manuale operativo di riferimento per le parti di codice che non si capiscono.

Introduzione ai CSS	Un pò di Storia Che cos'è il Cascading Style Sheet Potenzialità di CSS / problematiche in HTML Browser e CSS

Sintassi e regole	Regole e fogli di stile Principali differenze di Sintassi Anatomia di una regola Anatomia di una dichiarazione Raggruppamento (Grouping) di Selettori di Attributi Assegnare Classi

Meccanismi fondamentali di CSS	Ereditarietà Albero strutturale ed ereditarietà Priorità Ereditaria Proprietà che non vengono ereditate Cascading ! important Esempi di cascading ed ereditarietà es 1 (caso base senza conflitti) es 2 (caso con conflitti) es 3 (privilegiare i fogli di stile dell'utente)

Modi di attaccare stile al documento	CSS in Linea CSS Incorporati CSS Esterni CSS @import

Abilitazione dei Browser ai CSS	abiltazione dei browsers settaggio di un proprio foglio di stile

Su cosa agisce CSS Questa sezione non è, e non vuole essere esaustiva nell'illustrare tutte le possibilità di CSS ma bensì fornire una panoramica mediante esempi delle propriètà più generiche ed in uso, và dunque vista come una sorta di manualetto che introduce alle possibiltà operative dei CSS. Quì vengono illustrati i principali comandi di CSS1, per una trattazione completa si consiglia di visitare il sito ufficiale del W3C per quanto riguarda gli standard CSS1 e CSS2 i cui link sono riportati in fondo a questa pagina.	Margini ed Allineamento <margin> <padding> <border> <width> / <height> <float> <clear> Posizionamento Dinamico cos'è il posizionamento dinamico Posizionamento assoluto Posizionamento relativo effetti sul posizionamento Proprietà visibility Sovrapposizione di elementi Proprietà overflow elementi compatibili con il posizionamento Un'esempio di testo 3D Colori e Background <Color> <Background> color image repeat position Font del testo <font-family> <font-size> <font-style> <font-variant> <font-weight> <text-decoration> Effetti sul testo <Letter-spacing> <Word-spacing> <text-transform> <text-align> <text-indent> <line-height> Effetti sui Link Link senza sottolineatura Sottolinetura con mouse Link effetti sul colore Link effetti sul testo

Revisioni dello standard	CSS 1 CSS 2 CSS 3

Alcuni esempi	CSS Gallery Esempi più avanzati Art Gallery Effetti di transizione

Link al materiale didattico adoperato :

Per inviare una e-mail
all'autore :

@ Specco Andrea

Ultimo aggiornamento : 15/07/2001

Corso di: Information Retrieval 2001
Docente : Giorgio Brajnik

<TOP>