CSS-syntax

Innehållsförteckning

    Visa innehållsförteckning

En CSS-regel består av en väljare och ett deklarationsblock.

CSS-syntax

Väljaren pekar på HTML-elementet som du vill formatera.

Deklarationsblocket innehåller en eller flera deklarationer separerade med semikolon.

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

Flera CSS-deklarationer separeras med semikolon och deklaration block är omgivna av lockiga hängslen.

Exempel

I det här exemplet kommer alla <p>-element att vara mittjusterade, med en röd text färg:

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

Prova själv →

<!DOCTYPE html>
<html>
<head>
<style>
p {
  color: red;
  text-align: center;
} 
</style>
</head>
<body>

<p>Hello World!</p>
<p>These paragraphs are styled with CSS.</p>

</body>
</html>

Exempel förklarat

  • p är en väljare i CSS (den pekar på HTML-elementet du vill formatera: <p>).

  • färg är en egenskap och röd är egenskapsvärdet

  • text-align är en egenskap och center är egenskapsvärdet

Du kommer att lära dig mycket mer om CSS-väljare och CSS-egenskaper i nästa kapitel!