Média, komentáre, jednotky

Média

Kaskádové štýly umožňujú prispôsobiť dokument použitému typu média(monitor, tlačiareň…- pri tlačení stačí čiernobiely text…). Rozoznávame 10 typov médií:

all – štýl bude použitý na všetky výstupne zariadenia (pokiaľ to bude možné)
aural – hlasový syntetizátor, zvukový výstup
braille – Braillovo hmatové spätné zariadenie
embossed – Braillova tlačiareň
handheld – vreckové počítače
print – tlačená podoba dokumentu
projection – prezentácie s použitím projektora alebo priesvitných fólii
screen – monitor počítača
tty – média ako ďalekopis, terminál a iné zariadenia s limitovanými schopnosťami zobrazovania, používajú znakovú sadu pevnej šírky znaku. Pre tieto zariadenia by sa ako jednotky nemali používať pixely.
tv – televízor

Príklad:

<html><head>
<style type=”text/css”>
@media screen{ h1{color: red; font-style: italic; }}
@media print{ h1{color: black; font-style: italic; }}
</style> </head> <h1>červený nadpis napísaný kurzívou pri tlači bude čierny </h1> </body></html>

Viaceré vlastnosti sa dajú použiť na viacerých médiách používajú sa v popisoch vlastností v CSS skupiny médií. Každá skupina zoskupuje určité média, ktoré sú podobné.

Skupiny médií:

continuous / pages – (plynulé / stránkované) zariadenie zobrazuje dokument v jednom celku alebo ho rozdelí na samostatné stránky.
visual / aural / tactile – (vizuálne / sluchové / dotykové) zariadenie sprístupňuje dokument zraku sluchu a hmatu
grid / bitmap – zobrazenie dokumentu v znakoch (braillove zariadenia, terminály..) alebo po jednotlivých pixeloch
interactive / static – umožňuje alebo neumožňuje interakciu užívateľa.
all – zahŕňa všetky typy médií

Typy médií Skupiny médií

Typy médií	Skupiny médií
Typy médií	continuous/paged	visual/aural/tactile	grid/bitmap	interactive/static
aural	continuous	aural	—	oboje
braille	continuous	tactile	grid	oboje
embossed	paged	tactile	grid	oboje
handheld	oboje	visual	obojí	oboje
print	paged	visual	bitmap	static
projection	paged	visual	bitmap	static
screen	continuous	visual	bitmap	oboje
tty	continuous	visual	grid	oboje
tv	oboje	visual, aural	bitmap	oboje

Komentáre

Komentár sa uzatvára do značiek /* a */

Jednotky

Relatívne jednotky:

em – ‘font-size’ veľkosť fontu zvyčajne
ex – ‘x-height’ výška fontu
px – pixels

Absolútne jednotky:

in – inches (palce) 1 inch je približne 2.54 centimetrov.
cm – centimetre
mm – millimeters
pt – points points(používa sa od CSS2) je ekvivalentné s 1/72 inch.
pc – picas — 1 pica je 12 points.

Veľkosť sa môže udávať v %.

Uhly sa zadávajú v:

deg – stupne
grad – gradián
rad – radián

Čas sa udáva v:

ms – milisekundách
s – sekundách