📚 أنواع ملفات صفحات التنسيق النمطية (CSS)

المفاهيم الأساسية

ملفات صفحات التنسيق النمطية المضمنة (Inline CSS): تستخدم لتطبيق نمط واحد فقط، حيث تستخدم خاصية النمط (style) للعنصر ذو الصلة.

خريطة المفاهيم

```markmap

الوحدة الخامسة: البرمجة المتقدمة باستخدام HTML

تصميم صفحات التنسيق النمطية

مكونات صفحة ويب كاملة الوظائف

• HTML

- الهيكل والمحتوى

- الترويسة

- الفقرات

- القوائم

- الصور

- مقاطع الفيديو

• CSS

- العرض

- الخط

- لون الخط

- لون الخلفية

- عرض الوسائط

- مزايا الاستخدام

- سهولة التعديل على الصفحات

- حجم أصغر للملف

- تحميل أسرع للصفحات

- بنية صفحات التنسيق النمطية

- المحددات (Selectors)

- تشير إلى كيفية تنسيق العنصر

- التعريف (Definition)

- يشير إلى كيفية تنسيق العنصر

- الخاصية (Property)

- تشير إلى مظاهر العنصر التي تريد تغييرها

- القيمة (Value)

- تحدد الإعدادات للخاصية

- كتلة تعريف (Declaration Block)

- فصل أسماء العناصر بالفاصلة المنقوطة

- بناء الجملة

- تحديد عدة خصائص في تعريف واحد

- الفصل بين الخصائص بعلامة الفاصلة المنقوطة

- أنواع ملفات CSS

- المضمنة (Inline)

- الداخلية (Internal)

- الخارجية (External)

• JavaScript (JS)

- الآلية

- عرض تفاعلي

- الضغط لفتح قائمة مسدلة

العمل بطبقات البرمجة

• المبدأ

- كل لغة برمجة طبقة منفصلة

- كل طبقة تؤدي غرضًا مختلفًا

• طريقة العمل المفضلة

- العمل باللغات بشكل منفصل

- حفظ المقاطع البرمجية في ملفات مستقلة

- الدمج بين اللغات باستخدام:

- صفحات التنسيق النمطية (CSS)

- جافا سكريبت (JavaScript)

• الطبقات والملفات المرتبطة

- طبقة المحتوى (HTML)

- ملفات HTML

- طبقة العرض (CSS)

- ملفات صفحات التنسيق النمطية

- طبقة آلية العمل (JavaScript)

- ملفات جافا سكريبت

```

نقاط مهمة

• هناك ثلاثة أنواع رئيسية لملفات CSS: المضمنة (Inline)، والداخلية (Internal)، والخارجية (External).
• النوع المضمن (Inline style) يُطبق على عنصر HTML واحد باستخدام خاصية `style` داخل وسم العنصر.
• مثال على النمط المضمن: `

  عنوان

  ` لتغيير لون النص إلى الأخضر لعنوان واحد فقط.

أنواع ملفات صفحات التنسيق النمطية

ملفات صفحات التنسيق النمطية المضمنة (Inline CSS)

ملفات صفحات التنسيق النمطية الداخلية (Internal)

ملفات صفحات التنسيق النمطية الخارجية (External CSS)

صفحات الأنماط المضمنة (Inline style)

يستخدم لتطبيق نمط واحد فقط، حيث تستخدم خاصية النمط (style) للعنصر ذو الصلة. طبق ذلك على الصفحة الإلكترونية الخاصة بك.

<h1 style="color:green;" >تعمل كرة القدم على جمع الناس معًا</h1> <p style="color:green;" >الهدف من حضور الجمهور في هذه اللعبة هو تشجيع اللاعبين أثناء المباراة.</p>

التاريخ

تعد كرة القدم رياضة ذات تاريخ طويل، نشأت بشكلها الحالي في إنجلترا في منتصف القرن التاسع عشر. وجدت أندية كرة القدم منذ القرن الخامس عشر، لكنها كانت غير منظمة ودون صفة رسمية، ثم تم إنشاء الكثير من هذه الأندية في أواخر القرن التاسع عشر، ولكن الظل منها فقط استمر بعد ذلك. يعتقد معظم المؤرخين أن الأندية التي استمرت بنشاطاتها كانت تقع في مناطق أكثر ثراء قليلاً. حيث كان الناس لا يعملون بعد ظهير يوم السبت وكانوا قادرين على تحمل نفقات حضور المباريات.

أنواع ملفات صفحات التنسيق النمطية ملفات صفحات التنسيق النمطية المضمنة (Inline CSS) ملفات صفحات التنسيق النمطية الداخلية (Internal) ملفات صفحات التنسيق النمطية الخارجية (External CSS) صفحات الأنماط المضمنة (Inline style) يستخدم لتطبيق نمط واحد فقط، حيث تستخدم خاصية النمط (style) للعنصر ذو الصلة. طبق ذلك على الصفحة الإلكترونية الخاصة بك. --- SECTION: مثال --- <h1 style="color:green;" >تعمل كرة القدم على جمع الناس معًا</h1> <p style="color:green;" >الهدف من حضور الجمهور في هذه اللعبة هو تشجيع اللاعبين أثناء المباراة.</p> التاريخ تعد كرة القدم رياضة ذات تاريخ طويل، نشأت بشكلها الحالي في إنجلترا في منتصف القرن التاسع عشر. وجدت أندية كرة القدم منذ القرن الخامس عشر، لكنها كانت غير منظمة ودون صفة رسمية، ثم تم إنشاء الكثير من هذه الأندية في أواخر القرن التاسع عشر، ولكن الظل منها فقط استمر بعد ذلك. يعتقد معظم المؤرخين أن الأندية التي استمرت بنشاطاتها كانت تقع في مناطق أكثر ثراء قليلاً. حيث كان الناس لا يعملون بعد ظهير يوم السبت وكانوا قادرين على تحمل نفقات حضور المباريات.