Barvy zadávané CSS

Nastavení barev platné na celou stránku pomocí zápisu CSS přímým stylem:

(Poznámka: stylopis CSS se naučíme v kapitole "Pokročilé formátování textu pomocí CSS zadaných stylopisem" a také si tam ukážeme další možnosti zadání barev)

CSS zadáváme pomocí jediného atributy STYLE připojeného tentokrát ke značce <BODY>
- pozadí

jednotlivé deklarace pak mají tyto možnosti:
- BACKGROUND-COLOR: BARVA KTERÝMKOLIV KÓDOVÁNÍM;
- příklad červeného pozadí: buď <BODY STYLE="BACKGROUND-COLOR: RED;">
- příklad pozadí této stránky: <BODY STYLE="BACKGROUND-COLOR: #FFFFCC;">
- pokud bychom měli na pozadí stránky ještě například obrázek, lze zadat poloprůhlednou barvu ve tvaru:

barva textu celé stránky:

využívá deklarace COLOR: BARVA KTERÝMKOLIV KÓDOVÁNÍM;

příklad zeléného písma: <BODY STYLE="COLOR: RGB(0, 255, 0);">

příklad zeleného textu na červeném pozadí - jednotlivé deklarace píšemš za sebou v libovolném pořadí oddělené mezerou, tvoří jednu hodnotu jediného atributu STYLE:
- <BODY STYLE="BACKGROUND-COLOR: RED; COLOR: RGB(0, 255, 0);">
- <BODY STYLE="COLOR: #00FF00; BACKGROUND-COLOR: #FF0000; ">

Změna barvy části textu:

Než si řekneme změnu barvy části textu, musíme si vysvětlit jak univerzálně zadáváme změnu části textu pomocí CSS:

pro jakoukoliv změnu části textu oproti základnímu formátování používáme párovou značku  s atributem STYLE s patřičnými deklaracemi

změnu barvy části textupomocí CSS provedeme:

použitím párové znašky  s atributem STYLE a deklaraví pro barvu textu: COLOR: BARVA KTERÝMKOLIV KÓDOVÁNÍM;
- modré písmo: např. <SPAN STYLE="COLOR: RGB(0, 0, 255);">

Napište následující stránku:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">

<html>

<head>
<TITLE>Barvy</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
</head>

<body STYLE="BACKGROUND-COLOR: MAROON; COLOR: WHITE;">

Tato stránka by měla být napsána bílým písmem na kaštanovém pozadí. Tento text je psán tučně zeleným odstínem. Nyní píši opět bílou barvou.
</body>

</html>

Zobrazení