HTML styly
Atribut HTML stylese používá k přidání stylů do prvku, jako je barva, písmo, velikost a další.
Příklad
Jsem Červený
Jsem modrý
Jsem velký
Atribut stylu HTML
Nastavení stylu HTML elementu lze provést pomocí styleatributu.
Atribut HTML stylemá následující syntaxi:
<tagname
style="property:value;">
Tato vlastnost je vlastnost CSS. Hodnota je hodnota CSS.
Více o CSS se dozvíte později v tomto tutoriálu.
Barva pozadí
Vlastnost CSS background-colordefinuje barvu pozadí pro prvek HTML.
Příklad
Nastavte barvu pozadí stránky na práškovou modrou:
<body style="background-color:powderblue;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
Příklad
Nastavte barvu pozadí pro dva různé prvky:
<body>
<h1 style="background-color:powderblue;">This is a heading</h1>
<p
style="background-color:tomato;">This is a paragraph.</p>
</body>
Barva textu
Vlastnost CSS colordefinuje barvu textu pro prvek HTML:
Příklad
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
Písma
Vlastnost CSS font-familydefinuje písmo, které se má použít pro prvek HTML:
Příklad
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
Velikost textu
Vlastnost CSS font-sizedefinuje velikost textu pro prvek HTML:
Příklad
<h1 style="font-size:300%;">This is a heading</h1>
<p
style="font-size:160%;">This is a paragraph.</p>
Zarovnání textu
Vlastnost CSS text-aligndefinuje vodorovné zarovnání textu pro prvek HTML:
Příklad
<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>
Shrnutí kapitoly
- Atribut použijte
stylepro stylování prvků HTML - Použijte
background-colorpro barvu pozadí - Použijte
colorpro barvy textu - Použijte
font-familypro textová písma - Použijte
font-sizepro velikosti textu - Použijte
text-alignpro zarovnání textu