CSS syntaks

Indholdsfortegnelse

    Vis indholdsfortegnelse

En CSS-regel består af en vælger og en erklæringsblok.

CSS syntaks

Vælgeren peger på det HTML-element, du vil style.

Angivelsesblokken indeholder en eller flere erklæringer adskilt af semikolon.

Hver erklæring indeholder et CSS-egenskabsnavn og en værdi, adskilt af et kolon.

Flere CSS-deklarationer er adskilt med semikolon og erklæring blokke er omgivet af krøllede seler.

Eksempel

I dette eksempel vil alle <p>-elementer være centreret med en rød tekst farve:

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

Prøv det selv →

<!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>

Eksempel forklaret

  • p er en vælger i CSS (den peger på det HTML-element, du vil style: <p>).

  • farve er en egenskab, og rød er egenskabsværdien

  • text-align er en egenskab, og center er egenskabsværdien

Du vil lære meget mere om CSS-vælgere og CSS-egenskaber i de næste kapitler!