Prezentace se nahrává, počkejte prosím

Prezentace se nahrává, počkejte prosím

Délkové jednotky v CSS Pro zápis délkových jednotek se používají jednotky: Pro zápis délkových jednotek se používají jednotky: Absolutní Absolutní Relativní.

Podobné prezentace


Prezentace na téma: "Délkové jednotky v CSS Pro zápis délkových jednotek se používají jednotky: Pro zápis délkových jednotek se používají jednotky: Absolutní Absolutní Relativní."— Transkript prezentace:

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

2 Absolutní délkové jednotky in in Palce – 1 in = 2,54 cm (1 in = 96 px) Palce – 1 in = 2,54 cm (1 in = 96 px) pt pt Body typografické (pity) – 1 pt = 1/72 in (1 pt = 4 px) Body typografické (pity) – 1 pt = 1/72 in (1 pt = 4 px) mm mm Milimetry – 10 mm = 1 cm (1 mm = 3,78 px) Milimetry – 10 mm = 1 cm (1 mm = 3,78 px) cm cm Centimetry – 1 cm = 10 mm (1 cm = 37,8 px) Centimetry – 1 cm = 10 mm (1 cm = 37,8 px) pc pc Body (pica) – 1 pc = 12 pt (1 pc = 16 px) 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. S ohledem na čitelnost stránek se spíše doporučuje používat relativních jednotek. px px Pixely – 1 px = 1 bod obrazovky Pixely – 1 px = 1 bod obrazovky em em eM – výška písmene M eM – výška písmene M ex ex eX – výška malého písmene x 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ů: Při zápisu barvy lze používat několik způsobů: První možností je použití jména barvy První možností je použití jména barvy Druhou možností je zápis barvy ve formátu RGB Druhou možností je zápis barvy ve formátu RGB (Red - červená, Green - zelená, Blue - modrá). Bezpečné barvy 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. 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áwhiteFFFFFF jasná bíláwhiteFFFFFF jasná žlutáyellowFFFF00 jasná žlutáyellowFFFF00 jasná fialováfuschiaFF00FF jasná fialováfuschiaFF00FF jasná modráblue0000FF jasná modráblue0000FF námořnická modřnavy námořnická modřnavy jasná červenáredFF0000 jasná červenáredFF0000 základní červenámaroon základní červenámaroon purpurovápurple purpurovápurple jasná tyrkysováaqua00FFFF jasná tyrkysováaqua00FFFF základní tyrkysováteal základní tyrkysováteal základní zelenágreen základní zelenágreen jasná zelenálime00FF00 jasná zelenálime00FF00 olivováolive olivováolive šedágray šedágray stříbrnásilverC0C0C0 stříbrnásilverC0C0C0 černáblack černáblack Obr. 1

6 Zápis barev ve formátu RGB ZápisPopis #rrggbbpro každou barvu číslo 1-16 hexadecimálně #rgbpro každou barvu číslo 1-16 hexadecimálně 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í 1. Jak se rozdělují délkové jednotky v CSS? 2. Vyjmenujte absolutní délkové jednotky CSS. 3. Vyjmenujte relativní délkové jednotky CSS. 4. Jakým způsobem lze zapsat barva v CSS? 5. 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, BLÁBOLIL, R. Informační a komunikační technologie. 3. rozšířené vydání. České Budějovice: KOPP, BLÁBOLIL, Roman. Podpora výuky: „Tvorba www stránek“ [online]. 6. února :30. Dostupný z WWW: Použité obrázky: Vlastní


Stáhnout ppt "Délkové jednotky v CSS Pro zápis délkových jednotek se používají jednotky: Pro zápis délkových jednotek se používají jednotky: Absolutní Absolutní Relativní."

Podobné prezentace


Reklamy Google