زمان کنونی: ۱۱-۳-۱۳۹۵, ۱۱:۴۷ عصر درود مهمان گرامی! (ورودثبت نام)


[-]

اطلاعیه ها


سلام و عرض وقت بخیر خدمت دوستان و کاربران گرامی

جهت پرسش و پاسخ و دریافت پاسخ سریعتر لطفا از بخش پرسش و پاسخ وب سایت Softskill.ir استفاده نمایید.

برای ورود به بخش پرسش و پاسخ وب سایت جدید کلیک کنید.


آموزش جامع CSS - جلسه چهارم
زمان کنونی: ۱۱-۳-۱۳۹۵, ۱۱:۴۷ عصر
کاربرانِ درحال بازدید از این موضوع: 1 مهمان
نویسنده: Tutorial
آخرین ارسال: Tutorial
پاسخ: 1
بازدید: 1427

ارسال پاسخ 
 
امتیاز موضوع:
  • 2 رأی - میانگین امتیازات: 5
  • 1
  • 2
  • 3
  • 4
  • 5
 

آموزش جامع CSS - جلسه چهارم

۱۲-۲۴-۱۳۹۲, ۰۸:۳۴ عصر
ارسال: #1
آموزش جامع CSS - جلسه چهارم
جلسه چهارم – شیوه نامه های چندگانه

[تصویر:  4.jpg]

تا اینجا یاد گرفتیم که به سه طریق دستوری، صفحه ای و یا خارجی می توانیم خصوصیات دلخواه رو به عناصر صفحه وب اعمال کنیم، حال اگر برای یک عنصر از هر سه روش استایل اعمال کنیم، خصوصیتی که به صورت محدودتر و خاص تر نوشته شده به عنصر مورد نظر اعمال خواهد شد .

مثال :
فرض کنید یک شیوه نامه خارجی حاوی دستورات زیر برای تغییر ظاهر تگ های h3 است :
کد php:
h3
{
color:red;
text-align:left;
font-size:8pt;


سپس دستورات زیر را به صورت شیوه نامه داخلی به یک صفحه وب اضافه میکنیم:
کد php:
h3
{
text-align:right;
font-size:20pt;


حال اگر شیوه نامه خارجی را توسط تگ link به صفحه حاوی شیوه نامه داخلی متصل کنیم، مجموع دستوراتی که بر روی تگ های h3 اعمال میشوند، به صورت زیر خواهد بود:
کد php:
color:red;
text-align:right;
font-size:20pt

همانطور که دیدیم، خصوصیات مشترک از شیوه نامه داخلی که به صورت خاص برای یک صفحه نوشته شده بود بر روی عنصرمون اعمال شد نه از شیوه نامه خارجی که به صورت همگانی برای سایر صفحات نیز استفاده می شود. خصوصیات غیر مشترک نیز از هر 2 شیوه نامه خارجی و داخلی اعمال می شوند. در این خصوصیات، خصوصیت تغییر رنگ از شیوه نامه خارجی و دو خصوصیت دیگر که در هر دو شیوه نامه مشترک هستند از شیوه نامه داخلی اعمال شدند.

[تصویر:  2.jpg]

به طور کلی هنگامی یک خصوصیت به هر سه روش برای یک عنصر HTML نوشته شود، اولویت اجرای آنها به صورت زیر خواهد بود :

1- استایل های درون خطی
2- شیوه نامه های داخلی
3- شیوه نامه خارجی


پس خصوصیاتی که به صورت درون خطی و تنها برای یک عنصر خاص نوشته می شود، باعث می شود خصوصیات مربوط به آن عنصر در شیوه نامه داخلی که در تگ نوشته شده و همچنین خصوصیات مربوطه در شیوه نامه خارجی که با تگ link به صفحه فعلی متصل شده نادیده گرفته شوند.

نکته :
چنانچه لینک یک شیوه نامه خارجی بعد از دستورات شیوه نامه داخلی در تگ قرار داده شود، در نهایت خصوصیات شیوه نامه خارجی اعمال خواهند شد.



[تصویر:  4.jpg]
پایان جلسه چهارم
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
 سپاس شده توسط Adel ، AZAR2711
ارسال پاسخ 


موضوع‌های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
  آموزش جامع CSS - جلسه اول Tutorial 3 2,849 ۵-۲۷-۱۳۹۵ ۱۰:۵۸ صبح
آخرین ارسال: lioseo
  آموزش جامع CSS - جلسه دوم Tutorial 5 2,512 ۵-۱۳-۱۳۹۵ ۰۲:۲۳ عصر
آخرین ارسال: Adel
  آموزش ویدیویی جامع و کاربردی CSS academyit 0 159 ۴-۲-۱۳۹۵ ۰۳:۰۸ عصر
آخرین ارسال: academyit
Lightbulb آموزش ویدیویی css از مبتدی تا پیشرفته academyit 0 276 ۱۲-۱۵-۱۳۹۴ ۱۰:۵۴ صبح
آخرین ارسال: academyit
  آموزش CSS heidari 2 1,256 ۷-۲۰-۱۳۹۴ ۰۸:۴۹ عصر
آخرین ارسال: Adel
Question پرسش و پاسخ پیرامون آموزش جامع CSS - جلسه پنجم Tutorial 2 1,967 ۵-۳۱-۱۳۹۳ ۱۰:۵۲ صبح
آخرین ارسال: Adel
Question پرسش و پاسخ پیرامون آموزش جامع CSS - جلسه هفتم Tutorial 0 1,345 ۱-۱۷-۱۳۹۳ ۰۶:۵۸ عصر
آخرین ارسال: Tutorial
  آموزش جامع CSS - جلسه هفتم Tutorial 0 1,587 ۱-۱۷-۱۳۹۳ ۰۶:۵۳ عصر
آخرین ارسال: Tutorial
  پرسش و پاسخ پیرامون آموزش جامع CSS - جلسه ششم Tutorial 0 1,236 ۱-۱۱-۱۳۹۳ ۰۷:۰۸ عصر
آخرین ارسال: Tutorial
  آموزش جامع CSS - جلسه ششم Tutorial 0 1,696 ۱-۱۱-۱۳۹۳ ۰۷:۰۶ عصر
آخرین ارسال: Tutorial

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان