Sintassi CSS

Sintassi CSS
CSS, abbreviazione di fogli di stile a cascata è un linguaggio di styling web utilizzato per lo styling e la strutturazione di pagine Web scritte in HTML o XML. Definisce come vengono visualizzati diversi elementi HTML per esempio o paragrafi.

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

*
Font-color: blu;
Testo-align: centro;

Selettore degli elementi

Un selettore viene utilizzato per selezionare elementi HTML sulla base dei loro nomi. Come questo.

H
Testo-align: sinistra;
colore blu;

Selettore ID

Puoi modellare elementi HTML sulla base dei loro attributi ID. Ad esempio, il seguente elemento con il id = "head1" viene disegnato.

#head1
Testo-align: sinistra;
colore blu;

Selettore 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.

.scatola
Testo-align: centro;
colore rosso;

Raggruppamento del selettore

Il selettore di raggruppamento viene utilizzato per selezionare tutti quegli elementi HTML che vogliamo modellare in modo simile. Per esempio.

H1, H2, P
Testo-align: centro;
colore rosso;
Font-weight: normale;

Conclusione

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.