آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

آموزش Media Types در CSS

دوره های مرتبط با این مقاله

انواع رسانه ها در 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 در اندازه یا با مقیاس 17 پیکسل بر روی صفحه نمایش نشان دهد, ولی در صورت چاپ شدن صفحه بر روی کاغذ نوشته را با رنگ آبی و فونت Georgia به اندازه ی 14 پیکسل نمایش دهد .

نمونه یک

        @media screen {
            p {
                font-family: verdana, sans-serif;
                font-size: 17px;
            }
امتحان کنید

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

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

دانلود PDF دانلود سورس کد دانشجویان گرامی اگر این مطلب برای شما مفید بود لطفا ما را در GooglePlus محبوب کنید
رمز عبور: tahlildadeh.com یا www.tahlildadeh.com
ارسال دیدگاه نظرات کاربران
شماره موبایل دیدگاه
عنوان پست الکترونیک

ارسال

آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

تمامی حقوق این سایت متعلق به آموزشگاه تحلیل داده می باشد .