Barvy a Velikosti
Takže v této kapitole bych se chtěl věnovat barvám textu a všeho možného a velikostem textů, buněk tabulek a mnoho dalších věcí které se dají obarvit a dá se nastavit velikost.
Barvy
Takže jelikož už jsem se věnoval barvám v HTML tak bych to jen tak rychleji proběhl a akorát bychom si mohli ukázat, jak se provádí zápisy barev v CSS a ukážeme si tedy ještě
jednou menší tabulku barev. A jelikož jsem našel na jednom webu menší tabulku základních 16 barev, které by se měli zobrazovat i na monitorech s 256 barvami tak bych vám ji chtěl ukázat.
| white |
black |
gray |
silver |
green |
navy |
blue |
teal |
| purple |
maroon |
olive |
fuschia |
yellow |
aqua |
red |
lime |
Zadávání barev pomocí CSS
<style>
h1 {color: #000099;}
body {background-color: silver;}
</style>
Takže takhle nějak by se dalo zapsat pomocí CSS barva, můžete zapsat cokoliv co v HTML pomocí CSS.
Velikost
Velikosti se mohou zadávat hned několika různými způsoby a mi si je popíšeme. A taky si ukážeme jak se dá v CSS zapsat velikost třeba u textu.
V pixelech px - pixel je obrazová jednotka, a nejčastěji ho znáte z vašeho rozlišení třeba 1024 x 768 pixelu
já preferuji právě pixely jsou nejčastěji používané. Pixel je obrázkový bod
V pt - je to typografický bod
Velikost 3pt = 4px
V cm - je to klasický centimetr který známe
Velikost 1cm = 37,8px
V mm - je to klasický milimetr
Velikost 1mm = 3,78px
V em - jednotka vztažená k výšce velkého písmene M
V ex - jednotka vztažená k výšce malého písmene x
V pc - pica nebo též cicero
Velikost 1pc = 16px
V in - palce (inch)
Velikost 1in = 96px
Velikosti nemusí vždy přesně odpovídat protože při převodu mezi jednotkami může dojít k menšímu zaokrouhlování a už nebudou velikosti odpovídat přesně.
<style>
h1 {font-size: 12px}
a:hover {font-size: 5px}
</style>
Takže zde vidíte že se dá jednoduše zapsat velikost textu pomocí CSS a také barvy.
|