Concetti Chiave
- I fogli di stile CSS sono utilizzati per modificare l'aspetto degli elementi delle pagine web, come dimensione e posizione.
- Le regole CSS possono essere assegnate tramite un id univoco, il nome di una classe o il tipo di elemento, come i tag.
- CSS3 introduce la possibilità di specificare sotto-insiemi di regole per effetti mirati.
- CSS3 consente di creare animazioni sugli elementi della pagina, ma la compatibilità varia tra i browser.
I fogli di stile CSS (Cascade styling sheet) sono utilizzati in ambito web per modellare l’aspetto degli elementi delle pagine dei siti web.
Qual è la definizione delle regole CSS?
Con CSS è possibile definire delle regole riferite ognuna ad un oggetto o ad una classe di oggetti che ne modificano aspetti come la dimensione, la posizione e vari altri aspetti ognuno definito da una denominazione (chiamata proprietà) e un valore assegnato a tale proprietà.
Esempio:
background-color : red;
Assegnazione delle regole CSS
Una regola può essere assegnata ad uno specifico elemento tramite il suo id univoco, attraverso il nome della sua classe, o attraverso il tipo di elemento (ad esempio tutti i tag , i paragrafi).
Esempi:
- #button1{
/*regole dell’elemento*/
}
- .buttons{
/*regole assegnate a tutti gli elementi della classe*/
}
- p{
/*regole assegnate a tutti i paragrafi della pagina*/
}
Specifiche e animazioni in CSS3
In aggiunta ai riferimenti sopra indicati possono essere aggiunte delle specifiche per l’imitare l’effetto del foglio di stile ad un sotto-insieme di quello indicato.
Nella nuova versione di CSS, CSS3, sono anche presenti alcune regole che permettono di effettuare diverse animazioni con gli elementi della pagina; tali regole sono supportate solo nei browser più moderni e sono legati alla compatibilità specifica per ogni browser.
Domande da interrogazione
- Qual è la funzione principale dei fogli di stile CSS nel web?
- Come possono essere assegnate le regole CSS a un elemento?
- Quali novità introduce CSS3 rispetto alle versioni precedenti?
I fogli di stile CSS sono utilizzati per modellare l’aspetto degli elementi delle pagine web, permettendo di definire regole che modificano aspetti come dimensione e posizione degli oggetti.
Le regole CSS possono essere assegnate a uno specifico elemento tramite il suo id univoco, il nome della sua classe, o il tipo di elemento, come ad esempio i tag o i paragrafi.
CSS3 introduce specifiche per applicare effetti a sotto-insiemi di regole e consente di effettuare animazioni sugli elementi della pagina, supportate solo dai browser più moderni.
Accedi a tutti gli appunti
Tutor AI: studia meglio e in meno tempo
