شرح صفوف ومحتوى الفقرة
ماذا تفعل إذا كتبت قواعد سليمة تماماً في ملف خارجي ولم يظهر أي تنسيق على الصفحة؟ افتح أدوات المطور وانتقل إلى تبويب الشبكة — Network، ثم اختر مرشح CSS وأعد تحميل الصفحة لفحص ثلاث إشارات حاسمة:
- رمز حالة الاستجابة: تأكد من حصول الملف على الحالة
200 OKبدلاً من الخطأ404 Not Foundالناتج غالباً عن خطأ في كتابة مسارhref. - رأس نوع المحتوى فحصاً دقيقاً: تحقّق من إرسال الخادم لرأس الاستجابة
Content-Type: text/css؛ ففي الوضع القياسي الحديث يرفض المتصفح تطبيق ملف الأنماط الخارجي إذا أُرسل بنوع محتوى خاطئ. - سلامة المصادر الخارجية: عند ربط ملف أنماط مستضاف على شبكة توزيع محتوى موثوقة، يساعد التحقق من بصمة الملف على حماية الواجهة من أي تعديل غير مصرح به أثناء النقل.
خلاصة المعرفة ومحطة الانتقال
ملخص الدرس
حصاد الدرسمراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي
ماذا تعلّمت في هذا الدرس؟
قارنت في هذا الدرس بين الملف الخارجي عبر <link> والنمط الداخلي بوسم <style> والسمة السطرية style="..."، وعرفت سبب تفوق التحميل المتوازي على @import وكيفية فحص رأس Content-Type: text/css في الشبكة. في الخطوة التالية ننتقل إلى درس التعليقات في لغة CSS لتعلم توثيق القواعد وتعطيل الأسطر مؤقتاً أثناء الاختبار.