English | فارسی
menu

نحوه ارتباط CSS با HTML

اطلاعات CSS می تواند از منابع مختلفی تامین شوند. CSSها می توانند بصورت فایلی مجزا ضمیمه کدهای HTML شوند و یا درون کدهای HTML جاسازی شوند. میتوان در یک صفحه، چندین فایل CSS را از بیرون فراخوانی کرد. حتی می توان CSSهای کاملا متفاوتی را برای نسخه چاپی و نسخه نمایشی تهیه و استفاده کرد. برای مثال، نسخه نمایشی (آن چیزی که بر روی مرورگرها نشان داده می شود)، می تواند کاملا متفاوت از نسخه چاپی همان صفحه باشد بطوریکه طراحان می توانند با دقت بالاتری، نیازهای طراحی را در این دو محیط جداگانه، طراحی و پیاده سازی نمایند.

الویت در منابع CSS

الویت در منابع CSS (از بالاترین به پایینترین):
CSSهای نوشته شده توسط طراحان وب سایت:
  • CSSهای درون خطی: درون کدهای HTML صفحات، ویژگیهای طراحی برای یک المان خاص، با استفاده از "style" مشخص می شوند.
  • CSSهای جاسازی درونی، بلوکی از کدهای CSS درون خود صفحه HTML
  • CSSهای خارجی، یعنی فایلی جداگانه از CSS که از صفحه HTML به آن ارجاع داده می شود.
CSSهای کاربران:
  • فایلی از CSS است که کاربر اینترنتی توسط مرورگر خود آن را انتخاب می کند و به تمام صفحات اعمال می شود.
CSSهای پیش فرض:
  • CSSهایی می باشند که بطور پیش فرض توسط مرورگر اعمال می شوند. با وجود این CSSهای پیش فرض، نیاز نخواهیم داشت تا همه CSSهای یک المان را تعریف و پیاده سازی نماییم.
استایلی که بیشترین الویت را دارد، محتوای نشان داده شده را کنترل می کند. الویت ها به ترتیبی است که در بالا توضیح داده شده اند. چنانچه استایلی با الویت بالاتری پیدا نشود، الویت پایینتر بررسی خواهد شد. بسته به نوع مرورگر مورد استفاده، کاربر می تواند از یکی از CSSهای ارائه شده توسط طراح استفاده نماید و یا آنکه تمامی آنها را حذف نماید و صفحه را با CSSهای پیش فرض مرورگر مشاهده نماید و یا آنکه ممکن است بخواهد سرتیترهای قرمز رنگ ایتالیک را بدون تغییرات در دیگر استایلها حذف نماید.

مثالها:

برای مثال، فایلی به نام highlighheaders.css شامل محتویات زیر می باشد:

h1 { color: white; background-color: orange !important; }
h2 { color: white; background-color: green !important; }

چنین فایلی بطور محلی ذخیره شده است و درصورت نیاز فراخوانی و استفاده شود و یا آنکه بصورت داخلی مورد استفاده قرار گیرد. "!important" به معنای غلبه کردن بر ویژگیهای تعریف شده توسط طراح است (بحث الویت).


مقالات دیگر ما را نیز بخوانید:

هفته اول از لیست مقالات
هفته دوم از لیست مقالات
هفته سوم از لیست مقالات
هفته چهارم از لیست مقالات
هفته پنجم از لیست مقالات
هفته ششم از لیست مقالات

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

طراحی وب سایت نویا سیستم






سخن روز

  • نویا سیستم تکنولوژی به شما کمک خواهد کرد تا به رویاهای خود در اینترنت دست یابید.
    1395/9/20

bottomline
Av. Shariati, Khajenasir st. P 233, No.5 Tehran, Iran.
(98) 21-77646140