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

External Stylesheets With Link الملف الخارجي بوسم link

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

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

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

في طريقة الملف الخارجي، تنشئ ملفاً نصياً مستقلاً مثل styles.css تكتب بداخله قواعد CSS الصافية فقط — إياك وكتابة وسم <style> داخل ملف .css! ثم تربطه داخل قسم <head> في صفحاتك بواسطة الوسم الفردي <link> مع تحديد العلاقة rel="stylesheet" ومسار الملف href="styles.css".

عندما تشترك مئة صفحة في هذا الملف الواحد، فإن تعديل سطر وحيد بداخله يحدّث مظهر الموقع بأكمله فوراً:

الصف 2 كود برمجي
الصف 3 ملاحظة هامة