الدرس 7 من 17 · CSS — التنسيق والجمال

الألوان والخطوط

الألوان بثلاث طرق: اسم، أو كود hex، أو rgb:

h1 { color: tomato; }
p  { color: #4ade80; }
a  { color: rgb(74, 222, 128); }

#4ade80 يعني مزيج: 4a أحمر، de أخضر، 80 أزرق — ودرجتان لكل قناة. الخطوط:

body {
  font-family: "IBM Plex Sans Arabic", sans-serif;
  font-size: 18px;
  line-height: 1.8;
}

font-family قائمة خطوط احتياطية: لو الأول ما توفر عند الزائر، يجي اللي بعده. line-height ارتفاع السطر — كلما زاد صار النص مريحاً للقراءة.

اختبار سريع للدرس

جاوب على كل الأسئلة — لازم كلها صح. إذا غلطت بيطلع صندوق ذهبي يفهّمك وش الخطأ. مو عيب تغلط، كل مبرمج بالعالم غلط وأخذ منها درس.

1. كم خانة بكود hex مثل #4ade80؟
2. وش تسوي font-family؟
3. line-height يتحكم بـ؟
الدرس 6 الدرس 8 — كل شي صندوق — Box Model
FeLiXFeLiX AI — مساعد المنصتين