به مجازی آنلاین خوش آمدید
جستجو
کتابهاي انگليسي
موضوعات
کتابهای زبان بزرگسالان
کتابهای زبان نوجوانان
کتابهای زبان کودکان
منابع آزمونهای زبان
آموزش زبان انگلیسی
دانلود نرم افزار
موبایل
بازی
فناوری - IT
فیلمهای آموزشی
انیمیشن-کارتون
همراه اول-ایرانسل
کتابخانه مجازی آنلاین
مقاطع تحصیلی
خدمات سایت
آموزش آی تی
زبان آلمانی
ترفند
کانال مجازي آنلاين را دنبال کنيد : Telegram Channel : @Majazionline
آموزش CSS : لود کردن CSS های خاص در مرورگرهای خاص
سی اس اس به طراح وب این امکان را میدهد که نمای صفحه را در حالت های مختلف نمایش ( LCD رایانه ، پرینت، صفحه موبایل) تعیین کند. بطور مثال طراح میتواند فایل های CSS مختلفی را به صفحه لینک کند ، بطوری که اگر صفحه در مرورگر در حال دیده شدن است، صفحه یک جور و با یکسری استایل لود شود و اگر صفحه در حال نمایش در دستگاه های PDA است یکجور دیگر و اگر صفحه در حال print شدن است نیز یکجور دیگر نشان داده شود.
برای تعیین CSS صفحه در حالت عادی که همان نمایش صفحه در مرورگر است ، بصورت زیر فایل CSS را در فایل HTML خود لینک میکنیم :
برای تعیین CSS صفحه در حالت عادی که همان نمایش صفحه در مرورگر است ، بصورت زیر فایل CSS را در فایل HTML خود لینک میکنیم :
<link href="styles.css" rel="stylesheet" type="text/css" media="all" />
همانطور که شما در کد بالا تعیین کرده اید، این فایل CSS به ازای تمامی رسانه هایی که صفحه ی شما را نمایش میدهند ، لود میشود. اما اگر بخواهید به ازای هر رسانه (مانند مرورگر ، دستگاه های PDA و پرینترها) فایل های استایل متفاوتی استفاده شوند باید از کدهای زیر استفاده کنید
برای اعمال توسط کلیه مرورگرها :
<link href="styles1.css" rel="stylesheet" type="text/css" media="screen" />
برای اعمال فقط توسط مرورگر کروم :
<link href="styles1chrome.css" rel="stylesheet" type="text/chrome" />
برای اعمال فقط توسط مرورگر سافاری:
<link href="styles1safari.css" rel="stylesheet" type="text/safari" />
برای اعمال هنگام پرینت کردن صفحه :
<link href="styles2.css" rel="stylesheet" type="text/css" media="print" />
برای اعمال هنگام باز شدن صفحه در انواع PDA :
<link href="styles3.css" rel="stylesheet" type="text/css" media="handheld" />
شما میتوانید هر 5 خط فوق را زیر هم در بالای هرصفحه ی اچتمل خود بنویسید . مرورگر برای نمایش صفحه از styles1.css استفاده میکند. هنگام چاپ صفحه ، فایل styles2.css روی صفحه اعمال میشود. و هنگام بازکردن صفحه در کامپیوترهای جیبی ، فایل styles3.css صفحه را فرمت میکند. همچنین مرورگر اگر کروم باشد از فایل styles1chrome و اگر مرورگر سافاری باشد از فایل styles1safari برای رندرکردن صفحه استفاده خواهد کرد.
کاربرد کوچکی از این موضوع : مثلا شما میتوانید class مربوط به ستون تبلیغات را در فایلهای css پرینت و css کامپیوترهای جیبی ، بصورت Display:none تعریف کنید تا در هنگام پرینت از روی مقالات سایت شما ، تبلیغات دیگه پرینت نشه.
گردآوري و تنظيم: www.majazionline.ir
کانال مجازي آنلاين را دنبال کنيد : telegram.me/majazionline
| 1205 | شنبه 22 تیر 1392 | majazionline | نظرات (0) | موضوع |
لينک کوتاه مطلب : http://www.majazionline.ir/3669
مطالب مرتبط
آموزش یک قابلیت کاربردی در برنامهnero
دانلود و آموزش برنامه BlueStacks App Player-اجرای نرم افزار های آندروید در ویندوز
آموزش کار با برنامه QuickPic
آموزش کار با نرم افزارSoun Forge
آموزش کار با نرم افزار MASH
جدیدترین آموزش کار با نرم افزار Folder Lock
آموزش تصویری نرم افزار CCleaner(بازیابی فایلهای حذف شده شما)
آموزش تصویری بازیابی فایلهای حذف شده با نرم افزارRecuvaword
آموزش کار با نرم افزار OneNote
معرفی نرم افزار بازیابیEraser
آموزش نحوه کرک کردن نرم افزارها
آموزش نرم افزارهای پولی را به صورت رایگان کرک کنید!
آموزش استفاده ازنرم افزار Internet Download Manage
آموزش رفع مشکل ارور Fake Serial دربرنامه دانلودمنیجر
آموزش تصویری نرم افزار Daemon Tools Lite
TopStyle 5.0.0.88 نرم افزار ساخت CSS
آموزش کاربردی CSS
دانلود کتاب آموزش اتوکد R14
دانلود کتاب آموزش مقدماتی نرم افزار اتوکد دو بعدی
دانلود کتاب آموزش اتوکد 3بعدی
آخرين مطالب ارسالي
-براي پاسخ سريع لطفا با شماره 09304293050 تماس بگيريد
کانال مجازی آنلاین
مجوزهاي سايت
اطلاعات کاربري
مطالب پربازديد
مطالب تصادفي
مجازي آنلاين در شبکه هاي اجتماعي
آمار سايت
کل مطالب : 7587
کل نظرات : 1463
افراد آنلاين : 33
تعداد اعضا : 9716
بازديد کل سايت : 37,346,332
1 - نظرات اسپم و تبليغاتي تاييد نخواهد شد.
2 - فقط نظراتي که جنبه عمومي داشته باشند تاييد و منتشر مي شوند.
3 - نظرات فينگليش تاييد نخواهند شد.
4 - هرگونه درخواست و يا حل مشکلات فقط در انجمن امکان پذير است.
5 - لطفا انتقادات و پيشنهادات و همچنين درخواست هاي خود را از بخش هاي تماس با ما و درخواستي ها ارسال نماييد.