CSS که تنها سند کنونی را تحت تاثیر قرار می دهد
ورق های سبک داخلی چیست؟
ورق های سبک داخلی سبک هایی هستند که در سند HTML قرار می گیرند. این سبکها تنها سندی را که در آن قرار دارند را تحت تاثیر قرار می دهد و نمی تواند توسط سندی دیگر وب مراجعه شود.
مزایای ورق های سبک داخلی
- ورق های سبک داخلی فقط روی صفحه ای که در آن قرار دارند تاثیر می گذارد.
- اگر شما در یک سایت بزرگ کار می کنید و قبل از بارگذاری آنها در سایت به طور کلی، باید سبک های تست کنید، ورق های سبک داخلی می توانند یک ابزار عالی باشند. آنها به شما اجازه می دهد سبک های خود را در زمینه کل سایت تست کنید بدون شکستن هر یک از صفحات، بلکه همان چیزی که در حال آزمایش هستید.
- ورق های داخلی می توانند از کلاس ها و شناسه استفاده کنند.
- بر خلاف سبک های inline، ورق های سبک داخلی می توانند از کلاس ها، شناسه ها، برادر و خواهران و سایر روابط عناصر استفاده کنند.
- ورق های سبک داخلی نیازی به آپلود چندین فایل ندارند.
- این کار مخصوصا زمانی مفید است که شما در حال کار با چیزهایی مانند ایمیل یا کیوسک هستید که فقط یک فایل HTML برای ویرایش وجود دارد. اغلب از سبک های درون خطی استفاده می کنم زمانی که مطمئن نیستم که کدام یک URL یک شیوه ای است که در CMS بارگذاری شده است - نگه داشتن سبک ها با سند به این معنی است که من می دانم که کدام سبک ها روی آن سند تاثیر می گذارد.
- سبک های داخلی ممکن است بالاتر از ورق های سبک خارجی داشته باشند.
- این به ترتیب است که ورق های سبک خارجی بارگذاری می شوند. توسعهدهنده وب از این کنترل بر جایی که سبکهای داخلی در سر سند قرار میگیرد کنترل میشود. اگر بعد از لینک به سبک های خارجی قرار می گیرند، آنها در بالاترین درجه بالاتر قرار می گیرند و از ورق سبک خارجی استفاده می کنند.
معایب ورق های سبک داخلی
- آنها فقط روی صفحه ای که در آن قرار دارند تاثیر می گذارند.
- اگر می خواهید از همان سبک ها در چندین اسناد استفاده کنید، باید آنها را برای هر صفحه تکرار کنید (یا به یک ورق سبک خارجی ).
- ورق های سبک داخلی بار بار بار صفحه را افزایش می دهد.
- هر صفحهای که دارای یک ورق سبک داخلی است، هر بار که صفحه بارگذاری می شود، باید اطلاعات جدول سبک را بارگیری و تجزیه کند. ورق های سبک خارجی با استفاده از مرورگرها ذخیره می شوند - که پس از بارگیری اول بار بار برای هر صفحه بهبود می یابد.
نحوه نوشتن یک ورق سبک داخلی
عنصر:
- یک سند HTML را در ویرایشگر وب خود باز کنید.
- زیر را در داخل اضافه کنید
یک ورق سبک داخلی کامل به نظر می رسد: