CSS-syntaks

CSS-syntaks

CSS-regleringsuppsättning (rule-set) består av väljare och deklarationsblock:

CSS-väljare

Väljaren pekar på HTML-elementet som du vill sätta stil på.

Deklarationsblocket innehåller en eller flera deklarationer som skiljs med semikolon.

Varje deklaration innehåller ett CSS-attributnamn och ett värde, skilda med kolon.

Många CSS-deklarationer skiljs med semikolon, och deklareringsblocken omges av klammer.

Exempel

I detta exempel kommer alla <p>-element att centreras och ha en röd textfärg:

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

Prova själv

Exempel på förklaring

  • p är i CSSVäljare（det pekar på HTML-elementet som ska ha stilen <p>）。
  • color är en egenskap,red är en egenskapsvärde
  • text-align är en egenskap,center är en egenskapsvärde

I nästa kapitel kommer du att lära dig mer om CSS-selectorer och CSS-attribut.