انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #3 من درس: كيفية استخدام لغة CSS

Internal Stylesheets With Style الأنماط الداخلية بوسم style

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

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

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

تعتمد طريقة الأنماط الداخلية على كتابة قواعد التنسيق داخل زوج الوسوم <style>...</style> ضمن قسم <head> في ملف HTML نفسه.

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

الصف 2 كود برمجي
HTML 
<head>
  <style>
    h1 { color: navy; }
    .note { color: darkgreen; }
  </style>
</head>
<body>
  <h1>Internal Style Block</h1>
  <p class="note">Scoped to this file.</p>
</body>
جرّب بنفسك

جميع فقرات هذا الدرس (كيفية استخدام لغة CSS)