Широкий розвиток різних платформ і пристроїв вимагає розробки під них спеціальних версій сайтів. З урахуванням цього в CSS введено поняття типу носія. Якщо вказаний конкретний тип носія, то стиль застосовується тільки для нього. У таблиці перераховані деякі типи носіїв:
| Таблиця. 5.1. Типи носіїв і їх опис
|
| Тип
| Опис
|
| all
| Всі типи. Значення використовується за замовчуванням.
|
| aural
| Мовні синтезатори, а також програми для відтворення тексту вголос. Сюди, наприклад, можна віднести мовні браузери.
|
| braille
| Пристрої, засновані на системі Брайля. Призначені для сліпих людей.
|
| handheld
| Надолонні комп'ютери та аналогічні їм апарати.
|
| print
| Друкуючі пристрої.
|
| projection
| Проектор.
|
| screen
| Екран монітора.
|
| tv
| Телебачення.
|
У CSS для вказівки типу носіїв використовують команди @import та @media.
При імпортуванні стилю через команду @import тип носія вказується після адреси файлу. При цьому допускається запис декількох типів, розділених комою.
<style type="text/css">
@import "/style/main.css" screen; /*Стиль для виведення результату на монітор*/
@import "/style/palm.css" handheld,print; /*Стиль для друку та КПК*/
</style>
Команда @media дозволяє вказати тип носія для таблиці глобальних або зв'язаних стилів і у загальному випадку має такий синтаксис:
@media тип_носія_1 [,тип_носія_2] {
Опис стилю для типу носія
}
Команда @media застосовується в основному для формування одного стильового файлу, який розбитий на блоки по типу пристроїв. Іноді ж має сенс створити кілька різних CSS-файлів - один для друку, інший для відображення в браузері - і підключати їх до документа в міру необхідності. У такому випадку слід скористатися тегом <LINK> з параметром media, значенням якого можуть бути ті ж типи, які перераховані в табл. 5.1.
Наприклад,
<head>
<link media="print,handheld" rel="stylesheet" href="print.css" type="text/css">
<link media="screen" rel="stylesheet" href="main.css" type="text/css">
</head>
У даному прикладі використовуються дві таблиці зв'язаних стилів: одна для відображення у браузері, а друга - для друку документа та його перегляду на КПК. На сторінку завантажуються одночасно два різні стилі, але застосовуються вони тільки для певних пристроїв.
