مقدمة في CSS

كيف تُبنى قاعدة CSS

تستهدف القاعدة عناصر عبر مُحدِّد (selector)، ثم تُدرج تصريحات (الخاصية: القيمة) بين قوسين معقوفين.

h1 {
  color: #1685bc;
  font-size: 2rem;
}

ثلاث طرق لإضافة CSS

• سطري (Inline) — خاصية style على عنصر واحد (تُتجنّب في المشاريع الحقيقية).
• داخلي — كتلة <style> داخل <head>.
• خارجي — ملف .css منفصل يُربط بـ <link> (موصى به).

<link rel="stylesheet" href="styles.css">

التتالي والأولوية (specificity)

عند استهداف عدة قواعد للعنصر نفسه، يختار CSS الفائزة حسب الأولوية ثم الترتيب: المعرّف (id) يتغلّب على الصنف (class)، والصنف على الوسم؛ وعند التساوي تفوز القاعدة الأخيرة.

أسئلة شائعة