آموزش های کوچک » نتایج بزرگ همراه با آموزش فارسی

Style Sheet های چندگانه در css

images-1

Style Sheet های چندگانه در css

 

اگر بعضی از صفت ها برای یک selector در style sheet های مختلف تعیین شده باشد، value ها از style sheet معینی به ارث برده خواهند شد.

مثلاً، یک style sheet خارجی دارای صفت های زیر برای سلکتور h3 است


h3
{
Color:red;

text-align:left;
font-size:۸pt;
}



و یک style sheet داخلی دارای صفت های زیر برای سلکتور h3 است


h3
{
text-align:right;
font-size:۲۰pt;
}


اگر صفحه ای با style sheetداخلی به یک style sheetخارجی لینک شود، صفت های h3
اینگونه خواهد بود


Color:red;
text-align:right;
font-size:۲۰pt;


رنگ، از style sheet خارجی ارث می برد و text-alignment و اندازه فونت با style sheet داخلی جایگزین می شود.
Style های چندگانه به یک استایل cascade می شوند .
Style ها را می توان به طریق زیر معین کرد
درون یک عنصر
HTML
درون بخش head صفحه HTML
در یک فایل CSS خارجی
نکته حتی
style sheet های خارجی چندگانه را نیز می توان درون یک سند HTML واحد reference کرد.

learnscss 300x190 - Style Sheet های چندگانه در css


ترتیب
cascade کردن
هنگامی که بیش از یک
style که برای عنصر HTML تعیین شده، وجود داشته باشد، از کدام style استفاده می شود؟

معمولاً می توان گفت که همه styleها، با قوانین زیر به یک style sheet مجازی cascade می شود، و قانون چهارم بالاترین اولویت را دارد پبش فرض مرورگر
خارجی
style sheet
head داخلی (در بخشstyle sheet )
استایل ( inline درون عنصر ) HTML
بنابراین، یک استایل ،inline بالاترین اولوین را دارد.
نکته اگر لینک به
style sheet خارجی بعد از style sheet داخلی در<HTML <head داخلی قرار داده شود، style sheet خارجی را style sheet داخلی . override می کند.

 

در ادامه با اموزش های بعدی ما همراه باشید…

 

 

 

آموزش فارسی

تیم آموزش فارسی تمامی تلاش خود را در راستای رضایت و بالابردن علم و دانش شما عزیزان به کار می برد تا ذره کوچک برای جبران اعتماد و قدردانی شما کاربران گرامی باشد پس در این راه با اشتراک گذاری مطالب این سایت در شبکه های اجتماعی خودتان همچنین با ارسال نظرات و انتقادات خود ما را یاری رسانید...

نوشته‌های مرتبط

قوانین ارسال دیدگاه

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

*
*

تخفیف 30%
کد تخفیف 75%
کد تخفیف 100%
تخفیف 50%
دانلود مقاله اشتباهات هزینه دار سئو SEO
کد تخفیف 13%
کد تخفیف 20%
کد تخفیف 90%
شانس خود را برای دریافت جایزه دریافت کنید!
آدرس ایمیل و تلفن همراه خود را وارد کنید و چرخ را چرخانید. این شانس شما برای به دست آوردن تخفیف های شگفت انگیز است!