انتقل إلى محتوى الدرس

Import Rule Versus Link قاعدة الاستيراد مقارنة بوسم link

قارن عملياً بين طرق ربط أنماط CSS الثلاث عبر الملف الخارجي ووسم style الداخلي والسمة السطرية، واكتشف فرق الأداء مع @import وفحص رؤوس الشبكة.
3 صفوف تعليمية
لغة CSS
4,970 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

توفر لغة CSS أيضاً قاعدة التوجيه @import url("typography.css"); لاستدعاء ملف أنماط فرعي من داخل ملف أنماط آخر. ويشترط المحلل النحوي كتابة أوامر @import في أعلى الملف قبل أي قاعدة تنسيق عناصر، ولا يجوز أن يسبقها سوى تصريح @charset.

ومن زاوية سرعة الأداء، يُفضَّل استخدام وسوم <link rel="stylesheet"> في HTML بدلاً من @import؛ لأن المتصفح يحمّل ملفات <link> بالتوازي في اللحظة نفسها، بينما يسبب @import تأخيراً متسلسلاً إذ يضطر المتصفح لتنزيل الملف الأول وتحليله قبل أن يكتشف وجود الملف الثاني. قارن بين الخيارات عملياً في المختبر التالي:

الصف 2 معاينة حية
الصف 3 ملاحظة هامة