Tekst źródłowy strony CSS/Jednostki miary

<noinclude>
{{Autonawigacja|CSS}}
</noinclude>

==Niezależne==
{| class="wikitable"
! Jednostka
! Opis
|-
| px 
| [[w:Piksel|Piksel]] 
|-
| pt
| [[w:Punkt typograficzny|Punkt typograficzny]]
|-
| pc 
| [[w:Pica (jednostka miary)|Pica]] = 12pt
|-
| cm
| [[w:Centymetr|Centymetr]]
|-
| mm
| [[w:Milimetr|Milimetr]]
|-
| in
| [[w:Cal|Cal]]
|}

==Zależne==
{| class="wikitable"
! Jednostka 
! colspan="2" | Opis
|- 
| %
| colspan="2" | [[w:Procent|Procent]] wielkości elementu narzędnego
|-
| em
| ''1 em'' jest równy szerokości dużej litery ''M''.
| rowspan="2" | '''Te''' jednostki uzależnione są od<br /> czcionki elementu nadrzędnego i ustawień przeglądarki.
|-
| ex
| ''1 ex'' jest równy wysokości małej litery ''x''.
|}

==Kolor==
'''CSS''' zezwala na 3 metody definiowania koloru:
* [[w:Szesnastkowy system liczbowy|Szesnastkowy]] np. #<span style="color:red;">52</span><span style="color:green;">B9</span><span style="color:blue;">A2</span> = <span style="font-weight:bold;color:#52B9A2">Turkusowy</span>
* Podając składowe np. rgb(<span style="color:red;">237</span>, <span style="color:green;">149</span>, <span style="color:blue;">47</span>) = <span style="font-weight:bold;color:rgb(237, 149, 47)">Pomarańczowy</span>
* Stosując jego angielską nazwę np. aqua = <span style="font-weight:bold;color:aqua;background-color:grey;">  Morski  </span> [http://www.w3schools.com/colors/colors_names.asp lista]
'''Uwaga'''. Niektóre przeglądarki internetowe (np. Firefox) akceptują skrócony zapis koloru w systemie szesnastkowym. Polega on na podaniu trzech liczb (od 0 do f) które są następnie "podwajane". Tym sposobem, wartość #'''33cc66''' można zapisać jako #'''3c6'''. Stosowanie tego typu notacji jest jednak mało wskazane, ze względu na brak wsparcia ze strony tak popularnych przeglądarek jak np. Internet Explorer.

<noinclude>
{{Autonawigacja|CSS}}

[[de:Websiteentwicklung: CSS: Schriftgröße]]
[[en:Cascading Style Sheets/Lengths and Units]]
[[it:CSS/Unità di misura, ereditarietà e box model]]
</noinclude>