Délkové jednotky v CSS Pro zápis délkových jednotek se používají jednotky: Absolutní Relativní Procenta Údaje se zapisují jako celá nebo desetinná čísla.

Prezentace na téma: "Délkové jednotky v CSS Pro zápis délkových jednotek se používají jednotky: Absolutní Relativní Procenta Údaje se zapisují jako celá nebo desetinná čísla."— Transkript prezentace:

1 Délkové jednotky v CSS Pro zápis délkových jednotek se používají jednotky: Absolutní Relativní Procenta Údaje se zapisují jako celá nebo desetinná čísla. Lze použít i znaménka. Jednotka musí být napsána hned za číslem (bez mezery).

2 Absolutní délkové jednotky
in Palce – 1 in = 2,54 cm (1 in = 96 px) pt Body typografické (pity) – 1 pt = 1/72 in (1 pt = 4 px) mm Milimetry – 10 mm = 1 cm (1 mm = 3,78 px) cm Centimetry – 1 cm = 10 mm (1 cm = 37,8 px) pc Body (pica) – 1 pc = 12 pt (1 pc = 16 px)

3 Relativní délkové jednotky
S ohledem na čitelnost stránek se spíše doporučuje používat relativních jednotek. px Pixely – 1 px = 1 bod obrazovky em eM – výška písmene M ex eX – výška malého písmene x

4 Barvy používané v CSS stylech
Při zápisu barvy lze používat několik způsobů: První možností je použití jména barvy Druhou možností je zápis barvy ve formátu RGB (Red - červená, Green - zelená, Blue - modrá). Bezpečné barvy Bezpečné barvy jsou takové barvy, které většina zařízení dokáže zobrazit bez problémů. V hexadecimálním (šestnáctkovém) zápisu je možno zapsat pro každou barvu šest možných hodnot - 00, 33, 66, 99, CC, FF.

5 Příklady barev jasná bílá white FFFFFF jasná žlutá yellow FFFF00
jasná fialová fuschia FF00FF jasná modrá blue 0000FF námořnická modř navy jasná červená red FF0000 základní červená maroon purpurová purple jasná tyrkysová aqua 00FFFF základní tyrkysová teal základní zelená green jasná zelená lime 00FF00 olivová olive šedá gray stříbrná silver C0C0C0 černá black Obr. 1

6 Zápis barev ve formátu RGB
Popis #rrggbb pro každou barvu číslo 1-16 hexadecimálně #rgb rgb(r, g, b) r, g, b jsou desítková čísla od 0 do 255 rgb(r%, g%, b%) r, g, b jsou desítková čísla v % od 0 do 100 Příklad podbarvení stránky pomocí CSS: body { background-color: green;} nebo body { background-color: #00ff00;}

7 Otázky k opakování Jak se rozdělují délkové jednotky v CSS?
Vyjmenujte absolutní délkové jednotky CSS. Vyjmenujte relativní délkové jednotky CSS. Jakým způsobem lze zapsat barva v CSS? Co znamená zkratka RGB?

8 Použité zdroje BLÁBOLIL, R. Informační a komunikační technologie. 3. rozšířené vydání. České Budějovice: KOPP, 2011. BLÁBOLIL, Roman. Podpora výuky: „Tvorba www stránek“ [online]. 6. února :30. Dostupný z WWW: Použité obrázky: Vlastní