🎨 תחביר CSS בסיסי

מבנה כלל CSS

selector {
    property: value;
}

סלקטור אלמנט

זו פסקה רגילה עם סגנון מוגדר לכל אלמנטי p.

כל הפסקאות מקבלות את אותו העיצוב.

סלקטור Class

זו פסקה עם class="highlight"

זו פסקה עם class="important"

זו פסקה עם שני classes!

סלקטור ID

זהו div עם id="special-box" - ייחודי בדף!

יחידות מידה

16px
פיקסלים
1.2em
יחסי להורה
1.2rem
יחסי ל-root
80%
אחוזים

3 דרכים להוסיף CSS

  1. Inline: style="..." בתוך האלמנט
  2. Internal: <style> ב-head
  3. External: <link> לקובץ CSS נפרד ⭐

זו פסקה עם Inline CSS (סגנון בתוך האלמנט)