آموزش انواع رسانه در CSS به زبان ساده
آشنایی با انواع رسانه ها
یکی از مهمترین ویژگی های برگه های سبک این است که، می توانید برای انواع مختلف رسانه برگه های سبک جداگانه تعیین کنید. این یکی از بهترین راه ها برای ایجاد صفحات وب سازگار با چاپگر است – کافیست فقط یک برگه سبک متفاوت برای نوع رسانه “چاپ” اختصاص دهید.
برخی از ویژگی های CSS فقط برای رسانه های خاصی طراحی شده اند. به عنوان مثال، ویژگی page-break-after، فقط روی رسانه های کاغذی اعمال می شود. با این وجود چندین ویژگی وجود دارد که توسط انواع رسانه های مختلف به اشتراک گذاشته می شوند اما ممکن است مقادیر متفاوتی برای آن ویژگی وجود داشته باشد. به عنوان مثال ویژگی font-size را می توان برای هر دو رسانه صفحه نمایش و چاپی استفاده کرد، اما احتمالاً با مقادیر متفاوت.
برای خوانایی بیشتر، یک سند معمولاً به یک فونت بزرگتر روی کامپیوتر در مقایسه با رسانه کاغذی نیاز دارد، همچنین فونت های sans-serif راحت تر در صفحه خوانده می شوند، در حالی که قلم های serif برای چاپ رایج تر هستند. بنابراین لازم است که یک برگه سبک (یا شیوه نامه) یا مجموعه ای از قوانین سبک برای اعمال روی هر نوع رسانه خاص، مشخص کنیم.
ایجاد برگه های سبک وابسته به رسانه
سه روش رایج برای مشخص کردن وابستگی های رسانه ای برای برگه های سبک استفاده می شود:
روش 1: استفاده از قوانین media@
قانونmedia@ برای تعریف قوانین سبک مختلف برای انواع رسانه های مختلف در یک شیوه نامه واحد استفاده می شود. برگه سبک شامل لیستی از انواع رسانه (که با کاما از یکدیگر جدا می شوند) و عبارت های CSS حاوی قواعد سبک برای رسانه هدف است.
در مثال زیر، قانون سبک به مرورگر می گوید که محتوایbody را در 14 پیکسل روی قلم Arial در صفحه نمایش دهد اما در صورت چاپ آن را با قلم 12 نقطه روی قلم Times چاپ کند.