فروردین, ۱۳۹۸ بدون نظر CSS, طراحی سایت

انواع media در css

 

با بهره گیری از انواع media ، یک صفحه می تواند یک طرح ویژه ی صفحه نمایش ، یکی برای چاپ، یکی مختص دستگاه های دستی و … داشته باشد .

برخی از خصوصیت ها تنها ویژه ی یک نوع خاص media تعبیه شده اند . به عنوان مثال می توان به “voice-family” اشاره کرد که به عنوان user agent  ( به نرم افزاری گفته میشود که به نمایندگی از طرف کاربر عمل میکند) . شنیداری عمل می کند .

برخی دیگر از خصوصیت های CSS را می توان برای دیگر media type ها مورد استفاده قرار داد . برای مثال, خاصیت “font-size” را می توان برای هر دو رسانه های مربوط به صفحه نمایش ( screen ) و چاپی( print ) مورد استفاده قرار داد اما با مقادیری متفاوت .

یک سند معمولاً بر روی صفحه نمایش در مقایسه با کاغذ به font-size بزرگ تری نیاز دارد .

قلم نوشته ها ( فونت) sans-serif را بهتر می توان روی  صفحه نمایش خواند ، این در حالی است که فونت های serif را بهتر می توان روی کاغذ خواند .

دستور media@

دستور  media@ امکان تعریف قوانین گوناگون سبک دهی(style rule ) برای انواع مختلف media در یک

صفحه ی سبک دهی واحد ( style sheet ) را برای طراح وب ایجاد می کند .

کد CSS که در مثال زیر بکار گرفته شده, به مرورگر دستور می دهد نوشته را با فونت Verdana در اندازه یا با مقیاس۱۷ پیکسل بر روی صفحه نمایش نشان دهد، ولی در صورت چاپ شدن صفحه بر روی کاغذ نوشته را با رنگ آبی و فونت Georgia به اندازه ی ۱۴ پیکسل نمایش دهد .

@media screen { p { font-family: verdana, sans-serif; font-size: 17px; } } @media print { p { font-family: georgia, serif; font-size; 14px; color: blue; } }

 

جدول زیر دیگر انواع media در CSS  که کاربرد دارند را فهرست کرده:

شرح نوع media
برای تمامی نوع های مختلف media بکار می رودall
ویژه ی دستگاه های ترکیب کننده ی صدا ( sound Synthesizer ) بکار می رودaural
برای دستگاه های بازخورد لمسی خط بریل مورد استفاده قرار می گیردbraille
برای چاپگرهایی که صفحاتی با خط بریل پرینت می کنند بکار می رودembossed
ویژه ی دستگاه های کوچک دستی و قابل حمل مورد استفاده قرار می گیردhandheld
برای چاپگرهای معمولی استفاده می شودprint
برای دستگاه های ارائه پروژکتوری ، مانند اسلایدها مورد استفاده قرار می گیردprojection
ویژه ی صفحه نمایش کامپیوتر طراحی شدهscreen
برای رسانه های استفاده کننده از شبکه fixed-pitch ، مانند تله تایپ و ترمینال بکار گرفته می شودtty
برای دستگاه های تلویزیون گونه کاربرد داردtv

 

برچسب ها

ارسال نظر شما

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *