ما هي CSS
CSS (Cascading Style Sheets) تصف كيف تظهر عناصر HTML. تعمل عبر مُحدِّدات (Selectors) تستهدف عنصرًا أو أكثر، وتصريحات (Declarations) تغيّر خاصّية ما.
مثال
h1 { font-size: 28px; color: #0F6E56; }
.card { padding: 16px; border-radius: 8px; background: #fff; }
.card a:hover { text-decoration: underline; }مفاهيم رئيسية
- التتالي (Cascade): قد تُصيب عدّة قواعد العنصر نفسه؛ تفوز الأكثر تخصيصًا أو الأخيرة.
- نموذج الصندوق: المحتوى، الحشو، الحدود، الهامش.
- التخصيص (Specificity): المعرّف > الصنف > العلامة.
- الفئات الزائفة:
:hoverو:focusو:nth-child().
أكثر خطأ شائع: ظنّ أنّ !important يحلّ كل شيء — في الغالب هو عَرَض لمشكلة تخصيص ينبغي فهمها.