آموزش چاپ در CSS
4 سال پیش
آموزش چاپ در CSS
در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش چاپ در CSS خواهیم پرداخت.
می توانید از CSS برای تغییر شکل صفحه وب خود هنگام چاپ روی کاغذ استفاده کنید. می توانید یک فونت را برای نسخه صفحه و دیگری را برای نسخه چاپی تعیین کنید.
شما در درس های قبلی قانون media@ را مشاهده کرده اید. این قانون به شما امکان می دهد سبک مختلفی را برای رسانه های مختلف تعیین کنید. بنابراین، می توانید قوانین مختلفی برای صفحه نمایش و چاپگر تعریف کنید.
مثال زیر خانواده های مختلف فونت را برای صفحه و چاپ مشخص می کند. در مثال بعدی برای هر دو صفحه و همچنین چاپگر از همان اندازه فونت استفاده می کند.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<style type = "text/css"> <!-- @media screen { p.bodyText {font-family:verdana, arial, sans-serif;} } @media print { p.bodyText {font-family:georgia, times, serif;} } @media screen, print { p.bodyText {font-size:10pt} } --> </style> |
اگر در سبک جداگانه ای استایل خود را تعریف می کنید، می توانید هنگام لینک دادن به یک صفحه سبک خارجی از ویژگی media@ نیز استفاده کنید –
|
1 |
<link rel = "stylesheet" type = "text/css" media = "print" href = "mystyle.css"> |
لیست جلسات قبل آموزش 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
- آموزش انواع رسانه ها در CSS
- آموزش مدیا صفحه در CSS
- آموزش رسانه شنیداری در CSS
نویسنده مطلب
saber
.svg)
دیدگاه شما