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).

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)

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

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.

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 000080 jasná červená red FF0000 základní červená maroon 800000 purpurová purple 800080 jasná tyrkysová aqua 00FFFF základní tyrkysová teal 008080 základní zelená green 008000 jasná zelená lime 00FF00 olivová olive 808000 šedá gray 808080 stříbrná silver C0C0C0 černá black 000000 Obr. 1

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;}

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?

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. Www.blabik.cz: Podpora výuky: „Tvorba www stránek“ [online]. 6. února 2013 11:30. Dostupný z WWW: http://www.blabik.cz/vyuka/ict/35_Tvorba_WWW_stranek.pdf Použité obrázky: Vlastní