📋 المحتوى المنظم
📖 محتوى تعليمي مفصّل
حجم الخط (font-size)
نوع: محتوى تعليمي
خاصية حجم الخط تسمح لك بتحديد حجم الخط الذي تستخدمه. يمكنك تحديد حجم الخط إما بوحدة البكسل أو بالنسبة المئوية.
مثال
نوع: محتوى تعليمي
h1 {
color: green;
font-size: 50px;
}
h2 {
color: #ee82ee;
font-size: 70%;
}
p {
color: rgb(0,75,250);
}
نوع: محتوى تعليمي
تعمل كرة القدم على جمع الناس معًا
نوع: محتوى تعليمي
الهدف من حصد الجمهور في هذه اللعبة هو تشجيع اللاعبين أثناء المباراة.
نوع: محتوى تعليمي
الشرح
بدأت كرة القدم ربما ذات تاريخ طويل، نشأت بشكلها الحالي في إنجلترا في منتصف القرن التاسع عشر.
وجدت أندية كرة القدم منذ القرن الخامس عشر، لكنها كانت غير منظمة وصعبة. ثم تم إنشاء
الكثير من هذه الأندية في أواخر القرن التاسع عشر، ولكن القليل منها فقط استمر بعد ذلك.
يعتقد معظم المؤرخين أن الأندية التي استمرت بتشاطرها كانت في مناطق أكثر قلة قياسًا.
حيث كان الناس لا يعملون بعد يوم السبت وكانوا قادرين على تحمل نفقات حضور المباريات.
نوع: METADATA
224
نوع: METADATA
وزارة التعليم
Ministry of Education
2025 - 1447
🎴 بطاقات تعليمية للمراجعة
عدد البطاقات: 3 بطاقة لهذه الصفحة
ما هي الوحدتان الرئيسيتان اللتان يمكن استخدامهما لتحديد حجم الخط في CSS؟
- أ) البكسل (px) والسنتيمتر (cm)
- ب) البكسل (px) والنسبة المئوية (%)
- ج) الإيم (em) والريم (rem)
- د) النسبة المئوية (%) والنقاط (pt)
الإجابة الصحيحة: b
الإجابة: البكسل (px) والنسبة المئوية (%)
الشرح: 1. خاصية font-size في CSS تتحكم في حجم النص.
2. يمكن تحديد الحجم باستخدام وحدات مختلفة.
3. الوحدتان المذكورتان في النص هما: البكسل (px) كوحدة مطلقة، والنسبة المئوية (%) كوحدة نسبية.
4. مثال: font-size: 50px; أو font-size: 70%;
تلميح: فكر في وحدات القياس المطلقة والنسبية المستخدمة في تصميم الويب.
التصنيف: تعريف | المستوى: سهل
في مثال CSS التالي، ما حجم الخط المحدد لعنوان h1؟
h1 {
color: green;
font-size: 50px;
}
- أ) 50 نقطة (50pt)
- ب) 50 بالمئة (50%)
- ج) 50 بكسل (50px)
- د) لون أخضر (green)
الإجابة الصحيحة: c
الإجابة: 50 بكسل (50px)
الشرح: 1. يتم تعريف خصائص العنصر h1 داخل الأقواس المعقوفة {}.
2. الخاصية font-size هي المسؤولة عن تحديد حجم الخط.
3. القيمة المحددة لهذه الخاصية في المثال هي 50px.
4. px هي اختصار لوحدة البكسل.
5. إذن، حجم الخط هو 50 بكسل.
تلميح: ابحث عن خاصية font-size داخل القاعدة المخصصة للعنصر h1.
التصنيف: مفهوم جوهري | المستوى: سهل
ما الفرق الرئيسي بين استخدام وحدة البكسل (px) والنسبة المئوية (%) مع خاصية font-size؟
- أ) البكسل للعناوين فقط، والنسبة المئوية للفقرات فقط.
- ب) البكسل وحدة قياس مطلقة، بينما النسبة المئوية وحدة قياس نسبية تعتمد على حجم العنصر الأب.
- ج) البكسل يستخدم للألوان، والنسبة المئوية تستخدم للأحجام.
- د) لا فرق بينهما، كلاهما يعطي نفس النتيجة.
الإجابة الصحيحة: b
الإجابة: البكسل وحدة قياس مطلقة، بينما النسبة المئوية وحدة قياس نسبية تعتمد على حجم العنصر الأب.
الشرح: 1. وحدة البكسل (px): تحدد حجمًا ثابتًا لا يتغير بغض النظر عن حجم العناصر الأخرى أو إعدادات المستخدم.
2. وحدة النسبة المئوية (%): تحدد حجمًا نسبيًا، حيث تشير النسبة إلى نسبة مئوية من حجم الخط الافتراضي للعنصر الأب.
3. مثال: font-size: 70%; يعني أن حجم الخط سيكون 70% من حجم الخط الحالي للعنصر المحيط به.
4. هذا يجعل التصميم باستخدام النسب أكثر مرونة وتكيفًا.
تلميح: فكر في ثبات الحجم مقابل تغيره بناءً على سياق آخر.
التصنيف: فرق بين مفهومين | المستوى: متوسط