Sintassi CSS

Sintassi CSS

Il set di regole CSS (rule-set) è composto da selettori e blocco di dichiarazioni:

Selettore CSS

Il selettore punta agli elementi HTML che si desidera applicare lo stile.

Il blocco di dichiarazioni contiene una o più dichiarazioni separate da punti e virgola.

Ogni dichiarazione contiene un nome di attributo CSS e un valore, separati da due punti.

Le dichiarazioni CSS multiple sono separate da punti e virgola, e i blocchi di dichiarazioni sono racchiusi tra parentesi graffe.

Esempio

In questo esempio, tutti gli elementi <p> saranno allineati al centro e avranno un colore del testo rosso:

p {
  color: red;
  text-align: center;
}

Prova personalmente

Esempio di spiegazione

  • p È in CSSSelettore(Si riferisce all'elemento HTML da applicare lo stile: <p>).
  • color È una proprietàred È un valore di proprietà
  • text-align È una proprietàcenter È un valore di proprietà

Nel capitolo successivo, imparerai di più sulle scelte CSS e sulle proprietà CSS.