Latest web development tutorials

typy mediów CSS

typ nośnika pozwala na określenie, w jaki sposób dokument zostanie przedstawiony w różnych mediach. Plik może być wyświetlany w różny sposób na ekranie, na papierze lub przeglądarce słuchu itp


Typ nośnika

Niektóre właściwości CSS są przeznaczone tylko niektóre media. Takie jak "voice-family" nieruchomość jest przeznaczona do fonetycznego agentów użytkownika. Niektóre inne właściwości mogą być wykorzystywane dla różnych typów nośników. Na przykład, "font-size" nieruchomość może być używana do drukowania ekranu i mediów, ale mają różne wartości. Ekran i akta papierowe różnić, zwykle wymagają większej czcionki sans - serif czcionka jest bardziej odpowiedni do czytania na ekranie, a serif czcionki są łatwiejsze do odczytania na papierze.


zasada @media

Zasada @media pozwala te same arkusze stylów dla różnych mediów ustawić różne style.

W poniższym przykładzie mówi nam, aby wyświetlić 14 pikseli Verdana styl czcionki na ekranie przeglądarki. Jednakże, jeśli strona drukowana będzie 10 pikseli czcionka Times. Należy pamiętać, że papier font-weight i ustawienia ekranu w pogrubione:

<html>
<head>
<style>
@media screen
{
	p.test {font-family:verdana,sans-serif;font-size:14px;}
}
@media print
{
	p.test {font-family:times,serif;font-size:10px;}
}
@media screen,print
{
	p.test {font-weight:bold;}
}
</style>
</head>

<body>
....
</body>
</html>

Można spróbować samemu i zobaczyć! Jeśli używasz przeglądarki Mozilla / Firefox lub IE5 + wydrukować tę stronę, zobaczysz, "Typy mediów" użyje inny wyświetlacz niż inny rozmiar czcionki tekstu mały punkt.


Typy innych mediów

Uwaga: Nazwy typu nośnika nie jest uwzględniana wielkość liter.

Typ nośnika opis
wszystko Dla wszystkich urządzeń multimedialnych.
uszny Dla syntezatora mowy i dźwięku.
brajl Dzięki dotykowej sprzężenia zwrotnego dla niewidomych Braille'a.
wytłoczona Blind stronicowanej drukarek brajlowskich.
podręczny Dla małych urządzeń przenośnych.
druk W przypadku drukarki.
projekcja Program do wyświetlania, takie jak zjeżdżalnie.
ekran Dla monitorów komputerowych.
tty Za korzystanie z sieci stałej gęstości nośników, takich jak litery dalekopisów i zaciskami.
telewizja Dla typu telewizora urządzenia.