طریقه نوشتن CSS داخلی | تگ Style در Head صفحه

یکی از روشهای تعریف css استفاده از روش Internal Style Sheet میباشد. برای استفاده از این روش بایستی کد های CSS را در فایل HTML ، درون تگ<head> قرار دهید.

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

مزایای استفاده از این سبک :

  • تنها بر روی صفحاتی که از این سبک استفاده کرده اند تاثیر میگذارد.
  • بر خلاف سبک درون خطی ، این روش میتواند از خاصیت ارث بری کلاس ها استفاده کند.برای مثال میتوانید از یک Style در چندین جای همان صفحه استفاده کنید.
  • این سبک ممکن است اولویت بالاتری از CSS خارجی ها داشته باشند.

معایب استفاده از این سبک :

  • تنها در صفحاتی که در آن هستند تاثیر میگذارند.
  • افزایش زمان بارگزاری صفحه

css داخلی یکبار در ابتدای فایل html مشخص میشود و به کل فایل اعمال میگردد. عنصر یک بلوک از css داخلی را باز و بسته میکند. تمام کد css شما باید بین این دو برچسب قرار گیرد

<head>
<style>
hr {color:silver;}
p {margin-left:20px;}
body {background-image:url("images/bg.gif");}
</style>
</head>

همانطور که مشاهده می شود تگ <style> در کنار بقیه کدهایی که درون تگ <head> هستند، قرار دارد.
زمانی از این شکل کد استفاده می کنیم که می خواهیم تنها تنظیمات مربوط به یک صفحه را مشخص کنیم؛ یعنی این مکان فقط عناصر مربوط به همان صفحه را بررسی می کند و به هیچ صفحه ی دیگری دسترسی نداریم.
اگر می خواهید از همیت تنظیمات برای چندین صفحه استفاده کنید بهتر است به سراغ راه بعدی (css خارجی) بروید و هرگز یک کد را در چندین صفحه کپی نکنید تا یک استایل را داشته باشید.

«جهت دسترسی به فهرست آموزش css اینجا کلیک کنید»

لطفا به این مطلب رای دهید
[رای ها: 0 امتیاز: 0]

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *