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.