Come altre lingue di stile web, CSS segue anche alcune regole che definiscono la disposizione di elementi e attributi. La sintassi di un CSS è la seguente:
La sintassi è spiegata nella tabella seguente.
Elemento CSS | Descrizione |
---|---|
Selettore | Seleziona un elemento HTML che si desidera modellare. |
Blocco di dichiarazione | È costituito da molteplici dichiarazioni e la sea sono separate da punti e virgola. |
Proprietà | Una proprietà si riferisce all'attributo di un tag HTML come colore, carattere ecc. |
Valore | I valori sono assegnati alle proprietà. |
Ora ci sono più tipi di selettori che sono spiegati di seguito.
Selettore universale
Come suggerisce il nome, un selettore universale viene utilizzato per selezionare tutti gli elementi di una pagina HTML. È rappresentato da un segno di asterisco (*). Per esempio
*Selettore degli elementi
Un selettore viene utilizzato per selezionare elementi HTML sulla base dei loro nomi. Come questo.
HSelettore ID
Puoi modellare elementi HTML sulla base dei loro attributi ID. Ad esempio, il seguente elemento con il id = "head1" viene disegnato.
#head1Selettore di classe
Stili selettori di classe Un elemento HTML sulla base di un attributo di classe specifico. Per selezionare un elemento HTML utilizziamo il punto seguito dal nome della classe.
.scatolaRaggruppamento del selettore
Il selettore di raggruppamento viene utilizzato per selezionare tutti quegli elementi HTML che vogliamo modellare in modo simile. Per esempio.
H1, H2, PConclusione
Fogli in stile a cascata aka CSS è un linguaggio di styling che viene utilizzato per modellare i documenti scritti usando linguaggi di markup come HTML e XML. Per lo styling di elementi HTML dobbiamo seguire una serie di regole/sintassi CSS. Seguendo la sintassi CSS utilizziamo un selettore per selezionare gli elementi HTML specifici e quindi assegniamo determinati valori alle proprietà per progettare tali elementi HTML. In questo tutorial abbiamo appreso la sintassi di base CSS e i suoi selettori che si rivelano molto utili per lo styling di elementi HTML.