CSS szintaxis

Tartalomjegyzék

    Tartalomjegyzék megjelenítése

A CSS-szabály egy választóból és egy deklarációs blokkból áll.

CSS szintaxis

A választó a stílusozni kívánt HTML-elemre mutat.

A deklarációs blokk egy vagy több deklarációt tartalmaz, amelyek elválasztják egymástól pontosvesszővel.

Minden deklaráció tartalmaz egy CSS-tulajdonságnevet és egy értéket, kettősponttal elválasztva.

Több CSS-deklaráció pontosvesszővel és deklarációval van elválasztva blokkokat göndör merevítők veszik körül.

Példa

Ebben a példában minden <p> elem középre igazítva lesz pirossal szöveg szín:

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

Próbálja ki Ön is →

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

Példa Magyarázva

  • A p egy választó a CSS-ben (a stílusozni kívánt HTML-elemre mutat: <p>).

  • A color egy tulajdonság, a piros pedig a tulajdonság értéke

  • A text-align egy tulajdonság, a center pedig a tulajdonság értéke

A következő fejezetekben még többet megtudhat a CSS-szelektorokról és a CSS-tulajdonságokról!