آموزش انواع رسانه ها در CSS
آموزش انواع رسانه ها در CSS
در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش انواع رسانه ها در CSS خواهیم پرداخت.
یکی از مهمترین ویژگیهای شیت استایل ها این است که آنها نحوه ارائه یک سند را در رسانه های مختلف مشخص می کنند: روی صفحه، روی کاغذ، با یک ترکیب کننده گفتار، با یک دستگاه بریل و غیره.
در حال حاضر دو روش برای تعیین وابستگی به رسانه برای شیت استایل ها داریم –
- با دستورالعمل media@ یا import@ ، رسانه مورد نظر را از یک شیت استایل مشخص کنید.
- رسانه هدف را در زبان سند مشخص کنید.
قانون media@
یک قانون media@ انواع رسانه های هدف را (با کاما از هم جدا می کند) از مجموعه ای از قوانین مشخص می کند.
در زیر مثالی آورده شده است –
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<style tyle = "text/css"> <!-- @media print { body { font-size: 10pt } } @media screen { body { font-size: 12pt } } @media screen, print { body { line-height: 1.2 } } --> </style> |
زبان سند
در HTML 4.0 ، ویژگی media در عنصر LINK رسانه هدف یک شیت استایل خارجی را مشخص می کند –
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<style tyle = "text/css"> <!-- <!doctype html public "-//w3c//dtd html 4.0//en"> <html> <head> <title>link to a target medium</title> <link rel = "stylesheet" type = "text/css" media = "print, handheld" href = "foo.css"> </head> <body> <p>the body... </body> </html> --> </style> |
انواع رسانه های شناخته شده
اسامی انتخاب شده برای انواع رسانه های CSS منعکس کننده دستگاه های هدفی است که خصوصیات مربوطه برای آنها منطقی است. آنها درک می کنند که نوع رسانه برای ارجاع به چه دستگاهی است. در زیر لیستی از انواع رسانه های مختلف آورده شده است
| توضیحات | |
|---|---|
| 1 |
all مناسب برای همه دستگاه ها |
| 2 |
aural برای ترکیب کننده های گفتار در نظر گرفته شده است. |
| 3 |
braille برای دستگاه های بازخورد لمسی بریل در نظر گرفته شده است. |
| 4 |
embossed برای چاپگرهای بریل صفحه ای در نظر گرفته شده است. |
| 5 |
handheld برای دستگاه های دستی (به طور معمول صفحه کوچک، تک رنگ، پهنای باند محدود) در نظر گرفته شده است. |
| 6 |
برای مواد صفحه ای، مات و اسنادی که در حالت پیش نمایش چاپ روی صفحه مشاهده می شوند ، در نظر گرفته شده است. لطفا با بخش مربوط به رسانه های صفحه دار مشورت کنید. |
| 7 |
projection برای ارائه های پیش بینی شده، به عنوان مثال پروژکتور یا چاپ در شفافیت در نظر گرفته شده است. لطفاً با بخش مربوط به رسانه های صفحه دار مشورت کنید |
| 8 |
screen در درجه اول برای صفحه های رنگی رایانه در نظر گرفته شده است. |
| 9 |
tty در نظر گرفته شده برای رسانه ها با استفاده از یک شبکه کاراکتر ثابت، مانند انواع مختلف، پایانه ها، یا دستگاه های قابل حمل با قابلیت نمایش محدود. |
| 10 |
tv برای نوع تلویزیون در نظر گرفته شده است. |
لیست جلسات قبل آموزش CSS
- آموزش CSS
- CSS چیست؟
- آموزش نحو CSS
- آموزش قوانین CSS
- آموزش واحد انداره گیری در CSS
- آموزش رنگ ها در CSS
- آموزش Background در CSS
- آموزش فونت ها در CSS
- آموزش استفاده از تصاویر در CSS
- آموزش استفاده از تصاویر در CSS
- آموزش استفاده از لینک ها در CSS
- آموزش جداول در CSS
- آموزش حاشیه در CSS
- آموزش margin در CSS
- آموزش لیست ها در CSS
- آمورش ویژگی padding در CSS
- آموزش ویژگی مکان نما در CSS
- آموزش outline در CSS
- آموزش ابعاد در CSS
- آموزش نوارهای پیمایشی در CSS
- آموزش visibility در CSS
- آموزش موقعیت یابی در CSS
- آموزش لایه ها در CSS
- آموزش شبه کلاس ها در CSS
- آموزش شبه عناصر در CSS
- آموزش قوانین @ در CSS
- آموزش فیلترهای متنی و تصویری در CSS
.svg)
دیدگاه شما