CSS خارجی چیست؟
دسته بندی : آموزش CSS سطح مقاله : متوسط زمان مطالعه : 3 دقیقه آخرین بروز رسانی: 11 بهمن 1399CSS خارجی چیست؟ CSS خارجی یا External Style Sheet یکی از روشهای پرکاربرد برای استایلدهی به صفحات وب است. در این روش، کدهای CSS در یک فایل جداگانه با پسوند .css
ذخیره میشوند و سپس از طریق تگ <link>
در صفحات HTML به آنها ارجاع داده میشود.
CSS خارجی چیست؟
CSS خارجی (External CSS) یکی از روشهای استفاده از Cascading Style Sheets (CSS) در وب سایتها است که از طریق فایلهای جداگانه CSS به صورت خارجی به وب سایتها اعمال میشود. این روش امکان مدیریت و تنظیم استایلها برای یک وب سایت با استفاده از یک فایل مرکزی CSS را فراهم میکند و از تکرار کدها در صفحات مختلف جلوگیری میکند. در ادامه به توضیح بخشهای مختلف CSS خارجی میپردازیم:
مزایای استفاده از CSS خارجی:
- خوانایی و نظم بیشتر: با جدا کردن کدهای CSS از HTML، کدها خواناتر و مرتبتر میشوند.
- نگهداری آسانتر: با وجود یک فایل CSS مجزا، بهروزرسانی و اعمال تغییرات در استایل صفحات مختلف آسانتر خواهد بود.
- کاهش حجم صفحات HTML: با حذف کدهای CSS از HTML، حجم صفحات وب کاهش مییابد و سرعت بارگذاری آنها افزایش مییابد.
- استفاده مجدد از کدها: میتوان از یک فایل CSS برای استایلدهی به چندین صفحه HTML استفاده کرد.
نکات اصلی نحوه پیوند خارجی CSS:
- نام فایل CSS باید با پسوند
.css
باشد. - فایل CSS باید در همان مسیری که فایل HTML قرار دارد، ذخیره شود.
- در تگ
<link>
، آدرس فایل CSS باید به طور صحیح مشخص شود. - ترتیب قرارگیری تگ
<link>
در head صفحه HTML مهم است. تگهایی که در آخر قرار میگیرند، در اولویت بالاتری برای استایلدهی قرار دارند.
HTML:
<head>
<link rel="stylesheet" href="style.css">
</head>
CSS:
body {
font-family: Arial, sans-serif;
}
h1 {
color: blue;
}
نکات مهم نحوه پیوند خارجی CSS:
- شیوه نامه خارجی CSS گزینه استانداردی برای طراحی وب است.
- دانستن نحوه پیوند دادن یک فایل CSS به HTML به شما امکان می دهد کد را بهینه کرده و وب سایت هایی با سبک سازگار ایجاد کنید.
- پیوند دادن بسیاری از صفحه های سبک خارجی به وب سایت ها ممکن است زمان بارگذاری وب سایت را افزایش دهد.
در دوره آموزش CSS بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.
این مقاله چقدر براتون مفید بود؟