HTML & CSS • المستوى الثاني • الدرس 2
العودة لفهرس المستوىالألوان، الخلفيات، وتنسيق النصوص والخطوط
أهداف الدرس العلمية
- فهم صيغ الألوان في CSS (الأسماء، HEX، RGB).
- التحكم بلون النص
colorوالخلفيةbackground-color. - تغيير حجم الخط
font-sizeوسماكتهfont-weight. - ضبط محاذاة النص
text-alignوالمسافات بين السطور.
1. أنظمة الألوان في CSS
الأسماء
css
color: blue;HEX
css
color: #3b82f6;RGB/RGBA
css
color: rgb(59, 130, 246);2. خواص تنسيق الخطوط والنصوص
font-size: 24px;حجم الخط (px أو rem).
font-weight: bold;سماكة الخط (normal, bold, 100-900).
text-align: center;محاذاة النص (right, center, left).
التطبيق العملي المباشر
تحدي الدرس الثاني: تنسيق العنوان والفقرة
- تنسيق
h1:- اللون:
color: #60a5fa; - المحاذاة:
text-align: center; - حجم الخط:
font-size: 36px;
- اللون:
- تنسيق
p:- اللون:
color: #cbd5e1; - المحاذاة:
text-align: center; - حجم الخط:
font-size: 18px;
- اللون:
محرر الأكواد — HTML
14px
جارٍ تهيئة البيئة...
المخرجات — المخرجات
الكونسول (Console)
13px
nahda@runner — html
0 lines
(لا يوجد إخراج)
HTMLLn 22, Col 1UTF-8Spaces: 2
376 chars