انواع مدیا کوئری ها در CSS

تایپ های مدیا،  ابتدایی ترین شکل مدیا کوئری ها هستند که ابتدا در CSS2 ظاهر شدند.  تایپ های مدیا(media types) برچسب های(label) ساده ای هستند که از آنها برای بیان انواع مختلف مدیا استفاده می شود. که عبارتند از:

1. نوع مدیای all

از این نوع مدیا در تمام(all) رسانه های نمایشی استفاده می شود.

2. نوع مدیای print

از این نوع مدیا به هنگام پرینت کردن سند و به هنگام نمایش دادن پیش نمایش چاپ، استفاده می شود.

3. نوع مدیای screen

 از این نوع مدیا، به هنگام ارائه ی سند در یک محیط نمایشی مانند مانیتور کامپیوتر استفاده می شود. همه مرورگرهای وب که روی چنین سیستم هایی اجرا می شوند ، از محیط مدیای screen استفاده می کنند.

نکته: به هنگام نوشته شدن این کتاب، برخی از مرورگرها از پروجکشن پشتیبانی می کنند؛ که به سند امکان می دهد تا در یک اسلایدشو نشان داده شود.

 برای تعریف چند نوعِ مدیا، می توانیم آنها را با کاما از یکدیگر جدا کنیم.  در چهار مثال زیر، به طریقی یکسان یک برگه ی استایل(یا یک بلوک از کدها) برای مدیا های screen و print تنظیم شده است:

<link type="text/css" href="/frobozz.css" media="screen, print">
<style type="text/css" media="screen, print">...</style>
@import url(frobozz.css) screen, print;
@media screen, print {...}

 وقتی که ما رزولوشن(اندازه ی صفحات) را به مدیا کوئری ها اضافه کنیم، همه چیز جذاب تر خواهد شد.

 {module کمک نقدی به نویسنده}