Najlepszy samouczek typy mediów CSS W 2024 r. W tym samouczku możesz dowiedzieć się Typ nośnika,zasada @media,Typy innych mediów,
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
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 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> plpl </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.
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. |