نمط الخط (font-style) - كتاب التقنية الرقمية - الصف 11 - الفصل 1 - المملكة العربية السعودية

الكتاب: كتاب التقنية الرقمية - الصف 11 - الفصل 1 | المادة: التقنية الرقمية | المرحلة: الصف 11 | الفصل الدراسي: 1

الدولة: المملكة العربية السعودية | المنهج: المنهج السعودي - وزارة التعليم

الدرس: نمط الخط (font-style)

📚 معلومات الصفحة

الكتاب: كتاب التقنية الرقمية - الصف 11 - الفصل 1 | المادة: التقنية الرقمية | المرحلة: الصف 11 | الفصل الدراسي: 1

الدولة: المملكة العربية السعودية | المنهج: المنهج السعودي - وزارة التعليم

نوع المحتوى: درس تعليمي

📝 ملخص الصفحة

📚 نمط الخط وعرض الخط في CSS

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

نمط الخط (font-style): خاصية تسمح بإنشاء نص مائل. قيمها: عادي (normal) أو مائل (italic أو oblique).

عرض الخط (font-weight): خاصية تسمح بإنشاء نص غامق. قيمها: غامق (bold) أو عادي (normal).

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

```markmap

خصائص CSS للنصوص

حجم الخط (font-size)

الوظيفة

  • تحديد حجم الخط المستخدم

وحدات القياس

  • البكسل (px)
  • النسبة المئوية (%)

مثال تطبيقي

#### لعنوان h1

  • color: green;
  • font-size: 50px;
#### لعنوان h2

  • color: #ee82ee;
  • font-size: 70%;
#### لعنصر فقرة p

  • color: rgb(0,75,250);

عائلة الخطوط (font-family)

الوظيفة

  • تحديد عائلة الخط للنص

آلية العمل

  • تحديد قائمة خطوط بديلة مفصولة بفواصل
  • استخدام الخط التالي إذا لم يكن الأول مثبتاً
  • استخدام خط من العائلة العامة إذا لم يوجد أي خط محدد

مثال تطبيقي

#### لعنوان h1

  • font-family: Tahoma, sans-serif;
#### لعنوان h2

  • font-family: Arial, sans-serif;
#### لعنصر فقرة p

  • font-family: Verdana, Times, sans-serif;

نمط الخط (font-style)

الوظيفة

  • إنشاء نص مائل

القيم

  • عادي (normal)
  • مائل (italic أو oblique)

مثال تطبيقي

#### لعنوان h1

  • font-style: italic;

عرض الخط (font-weight)

الوظيفة

  • إنشاء نص غامق

القيم

  • عادي (normal)
  • غامق (bold)

مثال تطبيقي

#### لعنوان h2

  • font-weight: bold;
```

نقاط مهمة

  • خاصية `font-style` تتحكم في جعل النص مائلاً.
  • خاصية `font-weight` تتحكم في سمك الخط (الغامق والعادي).
  • يمكن تطبيق أكثر من خاصية خط على نفس العنصر، كما في المثال المرفق في الصفحة.

📋 المحتوى المنظم

📖 محتوى تعليمي مفصّل

نمط الخط (font-style)

نوع: محتوى تعليمي

تسمح لك خاصية نمط الخط بإنشاء نص مائل. تتعدد قيم هذه الخاصية ما بين الخط العادي (normal) أو مائل (italic or oblique).

عرض الخط (font-weight)

نوع: محتوى تعليمي

تسمح لك خاصية عرض الخط بإنشاء نص غامق، يوجد قيمتان لهذه الخاصية: غامق (bold) أو عادي (normal).

.css

نوع: محتوى تعليمي

h1 { color: green; font-size: 50px; font-family: Tahoma, sans-serif; font-style: italic; } h2 { color: #ee82ee; font-size: 120%; font-family: Arial, sans-serif; font-weight: bold; } p { color: rgb(0,75,250); font-family: Verdana, Times, sans-serif; }

نوع: محتوى تعليمي

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

نوع: METADATA

وزارة التعليم Ministry of Education 2025 - 1447 226

📄 النص الكامل للصفحة

--- SECTION: نمط الخط (font-style) --- تسمح لك خاصية نمط الخط بإنشاء نص مائل. تتعدد قيم هذه الخاصية ما بين الخط العادي (normal) أو مائل (italic or oblique). --- SECTION: عرض الخط (font-weight) --- تسمح لك خاصية عرض الخط بإنشاء نص غامق، يوجد قيمتان لهذه الخاصية: غامق (bold) أو عادي (normal). --- SECTION: .css --- h1 { color: green; font-size: 50px; font-family: Tahoma, sans-serif; font-style: italic; } h2 { color: #ee82ee; font-size: 120%; font-family: Arial, sans-serif; font-weight: bold; } p { color: rgb(0,75,250); font-family: Verdana, Times, sans-serif; } تعمل كرة القدم على جمع الناس معًا الهدف من حضور الجمهور في هذه اللعبة هو تشجيع اللاعبين أثناء المباراة. التاريخ تعد كرة القدم رياضة ذات تاريخ طويل، نشأت بشكلها الحالي في إنجلترا في منتصف القرن التاسع عشر. وجدت أندية كرة القدم منذ القرن الخامس عشر لكنها كانت غير منظمة ودون صفة رسمية، ثم تم إنشاء الكثير من هذه الأندية في أواخر القرن التاسع عشر، ولكن القليل منها فقط استمر بعد ذلك. يعتقد معظم المؤرخين أن الأندية التي استمرت بنشاطها كانت تقع في مناطق أكثر ثراء قليلاً، حيث كان الناس لا يعملون بعد ظهر يوم السبت وكانوا قادرين على تحمل نفقات حضور المباريات. وزارة التعليم Ministry of Education 2025 - 1447 226

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

عدد البطاقات: 4 بطاقة لهذه الصفحة

ما هي الخاصية في CSS التي تتحكم في جعل النص مائلًا؟

  • أ) خاصية font-weight
  • ب) خاصية font-family
  • ج) خاصية font-style
  • د) خاصية text-align

الإجابة الصحيحة: c

الإجابة: خاصية font-style

الشرح: 1. في CSS، توجد خصائص متعددة للتحكم في مظهر النص. 2. خاصية font-style هي المسؤولة تحديدًا عن تحديد نمط الخط. 3. يمكن تعيين قيم مثل normal أو italic أو oblique لهذه الخاصية لإنشاء نص عادي أو مائل.

تلميح: تتعلق بكيفية ظهور شكل الحرف نفسه.

التصنيف: تعريف | المستوى: سهل

ما هي الخاصية في CSS التي تتحكم في جعل النص غامقًا؟

  • أ) خاصية font-style
  • ب) خاصية font-weight
  • ج) خاصية color
  • د) خاصية font-size

الإجابة الصحيحة: b

الإجابة: خاصية font-weight

الشرح: 1. للتحكم في سماكة أو غلاظة النص في CSS، نستخدم خاصية محددة. 2. خاصية font-weight هي المسؤولة عن تحديد عرض أو وزن الخط. 3. من القيم الشائعة لهذه الخاصية: normal (عادي) و bold (غامق).

تلميح: تتعلق بسمك أو ثقل الخط.

التصنيف: تعريف | المستوى: سهل

أي من خصائص CSS التالية تُستخدم لتنسيق النص ليظهر بشكل 'مائل' (Italic)؟

  • أ) font-style
  • ب) font-weight
  • ج) font-family
  • د) text-decoration

الإجابة الصحيحة: a

الإجابة: font-style

الشرح: تُستخدم خاصية (font-style) للتحكم في ميلان النص، حيث تقبل قيمًا مثل italic أو oblique لجعل النص مائلاً، بينما تُستخدم خاصية font-weight للتحكم في سماكة الخط (غامق أو عادي).

تلميح: ابحث عن الخاصية التي تتعلق بـ 'نمط' الخط وليس 'وزنه'.

التصنيف: مفهوم جوهري | المستوى: سهل

ما هي الخاصية البرمجية في CSS التي تُستخدم لتحديد ما إذا كان الخط سيظهر بنمط مائل (Italic) أو نمط عادي (Normal)؟

  • أ) font-weight
  • ب) font-family
  • ج) font-style
  • د) font-size

الإجابة الصحيحة: c

الإجابة: font-style

الشرح: في لغة CSS، تُستخدم خاصية font-style للتحكم في ميل النص، ولها قيمتان أساسيتان: 1. normal: للخط العادي. 2. italic أو oblique: لجعل الخط مائلاً. أما font-weight فهي مخصصة لسماكة الخط (عريض)، وfont-family لنوع الخط.

تلميح: ابحث عن الخاصية التي تعني 'نمط الخط' باللغة الإنجليزية، وهي تختلف عن الخاصية المسؤولة عن سماكة الخط (ثقله).

التصنيف: تعريف | المستوى: سهل