Jednotky a barvy CSS
Jednotky
V CSS lze používat hned několik druhů jednotek. Zde je jejich přehled:
| jednotka | význam | příklad | velikost písma příkladu |
|---|---|---|---|
| px | pixel, obrazovkový bod | 12px | dvanáct pixelů (obrazovkových bodů) |
| pt | typografický bod (jako ve Wordu) | 9pt | devět typografických bodů (na Windows 12px) |
| mm | milimetr | 5mm | pět milimetrů |
| in | palec | .5in | půl palce |
| jednotka | význam | příklad | velikost písma příkladu |
|---|---|---|---|
| em | šířka písmena "M" (tzv. čtverčík) | 1.5em | jeden a půl normální velkosti |
| % | procento | 80% | osmdesát procent normální velikosti |
| ex | výška písmena "X" | 1.5ex | jeden a půl normální velkosti |
V praxi se ale používají z absolutních jednotek většinou jen pixely a z relativních procenta a čtverčíky (em).
Barvy
Barvy se v CSS dají zadávat několika různými způsoby:
| způsob zápisu | zříklad: červené písmo | poznámka |
|---|---|---|
| Jménem v angličtině | color: red; | Existuje mnoho pojmenovaných barev, ale v praxi se moc nepoužívají. |
| Procentuálním RGB zápisem | color: rgb 100%,0%,0%); | rgb znamená Red, Green, Blue (červená, zelená, modrá) |
| Desetinným RGB zápisem | color: rgb(255,0,0); | |
| Šestnáctkovým RGB zápisem | color: #ff0000; | Tento způsob je nejjistější, nejpoužívanější a nejlepší. |
| Zkráceným šestnáctkovým RGB zápisem | color: #f00; | Jen v případě, že se všechny dvojice cifer shodují |
Pojmenovaných barev jsou desítky ale doporučuje se používat jen 16 základních z Windows, protože ne všechny prohlížeče by právě vámi vybranou barvu musely znát.
Jsou praktické, protože název barvy se pamatuje mnohem lépe než její RGB zápis ale stejně se to moc nepoužívá.
RGB model využívá toho, že všechny barvy jdou získat pouze složením tří základních barevných světel – červené (Red), zelené (Green) a modré (Blue) – ostatně toho se využívá i u monitorů a obrazovek. Zápis RGB tedy značí, jak moc je tam která barva zastoupena a z toho se získá barva výsledná.
Například modrá barva se zapíše takto:
rgb (0%,0%,100%)
Zatímco žlutá, která se vytvoří smíchání červeného a zeleného světla má zápis:
rgb (100%,100%,0%)
RGB zápis barvy tedy udává zastoupení jednotlivých barev.
Může být zapsán procentuelně a nebo pomocí poměru jednotlivých barev. Ten se zapisuje v desítkové (0-255) nebo v šestnáctkové (00-ff) soustavě. V šestnáctkové soustavě lze ještě využít tzv. zkráceného zápisu – ovšem jen v případě, že jsou všechny dvojice cifer stejné: např. #ff5511 lze zkrátit na #f51.
© 2006-2007 Petr Kuda - www.troska.cz