Syntaxe CSS

Obsah

    Zobrazit obsah

Pravidlo CSS se skládá ze selektoru a deklaračního bloku.

Syntaxe CSS

Selektor ukazuje na prvek HTML, který chcete upravit.

Blok deklarací obsahuje jednu nebo více deklarací oddělených středníky.

Každá deklarace obsahuje název vlastnosti CSS a hodnotu oddělené dvojtečkou.

Více deklarací CSS je odděleno středníky a deklarací bloky jsou obklopeny složenými závorkami.

Příklad

V tomto příkladu budou všechny prvky <p> zarovnány na střed s červenou barvou barva textu:

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

Zkuste to sami →

<!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říklad vysvětlen

  • p je selektor v CSS (ukazuje na prvek HTML, který chcete upravit: <p>).

  • barva je vlastnost a červená je hodnota vlastnosti

  • text-align je vlastnost a center je hodnota vlastnosti

V dalších kapitolách se dozvíte mnohem více o CSS selektorech a vlastnostech CSS!