در این قسمت می خواهیم روش های استفاده و یا قراردادن کد CSS در سند HTML را برایتان توضیح بدهیم.
1) قرار دادن دستورات CSS در داخل فایل HTML یا (Embeded Style Shet)
کد:
برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
کد فوق باید در بالای سند و در داخل تگ <head/> قرار بگیرد.
2) قرار دادن دستورات CSS در یک فایل متنی جداگانه با پسوند CSS. و استفاده از تگ <link/> برای ارتباط این فایل به فایل HTML.
کد:
برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
در کد بالا یک فایل CSS خارجی با نام style.css به صفحه لینک داده شده است. کد فوق باید در بالای سند HTML و در داخل تگ <head/> قرار بگیرد.
3) دستورات CSS می توانند به طور مستقیم در داخل عناصر HTML و با استفاده از صفت عمومی style در تگ های HTML استفاده شوند.
کد:
برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
4) با استفاده از دستور import@ می توان دستورات CSS را به هر دو صورت Embeded و Linked در یک فایل وارد کرد.
کد:
برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
در استفاده از CSS به صورت Linked (روش دوم) ممکن است این فایل CSS توسط مرورگر ذخیره شده و با Refresh کردن صفحه آپدیت نشود.