ارتباط CSS با HTML

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

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

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

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

p30webhost.com