1 / 8

Délkové jednotky v CSS

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

fleur-gordon
Download Presentation

Délkové jednotky v CSS

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

  6. Zápis barev ve formátu RGB 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. 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í

More Related