تضمين التنسيقات الداخلية في الصفحة

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

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

عندما تحتاج الصفحة إلى قواعد تنسيق خاصة ومحدودة لا تستدعي إنشاء ملف خارجي مستقل، يتيح عنصر <style> تضمين شيفرات CSS مباشرة داخل رأس الصفحة. تسري قواعد التنسيق المكتوبة هنا على جميع عناصر المستند وفق أسبقية محددات CSS.

الصف 2 كود برمجي

HTML

<style>
  body {
    background-color: #f4f4f9;
  }
  h1 {
    color: darkslateblue;
  }
</style>

جرّب بنفسك

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

في هندسة أداء الويب الحديثة، تُستخدم وسوم <style> بشكل استراتيجي لتضمين شيفرات التنسيق الحرجة للجزء العلوي من الشاشة مباشرة، مما يلغي فترات الانتظار الشبكية ويمكن المتصفح من رسم المحتوى الأولي فوراً دون تأخير.

الصف 4 ملاحظة هامة

Embedding Internal Styles with Style تضمين التنسيقات الداخلية في الصفحة

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

جميع فقرات هذا الدرس (عنصر Head في لغة HTML)