התחבר הצטרף עכשיו 🚀
מודול: סלקטורים ובחירת אלמנטים קורס: CSS – עיצוב ומבנה רספונסיבי

סלקטורים ובחירת אלמנטים - פרויקט מודרך

שלב היישום: פרויקט מונחה שלב־אחר־שלב, עם מעקב התקדמות, ציון ומשוב בתוך המערכת.

יש להתחבר למערכת.

כדי לגשת אל הפרויקט, עליך להתחבר לחשבון המשתמש שלך.

בפרויקט זה תעמיקו בשימוש בסלקטורים ב-CSS ותלמדו כיצד לבחור אלמנטים בדף בצורה מדויקת וחכמה.
הפרויקט מתמקד בהבדלים בין סוגי סלקטורים שונים ובאופן שבו הם משפיעים על עיצוב האתר.

במהלך הפרויקט תתרגלו:

  • סלקטורים של אלמנט, מחלקה ו-ID

  • בחירת אלמנטים לפי מבנה הדף בעזרת Child Selector

  • שימוש ב־Pseudo-classes כמו :hover ו־:nth-child

  • היכרות עם Pseudo-elements ויישום מעשי של ::before ו־::after

בסיום הפרויקט תדעו לבחור אלמנטים בצורה מקצועית, ליצור אינטראקציות עיצוביות בסיסיות, ולהבין כיצד סלקטורים מתקדמים מאפשרים שליטה מלאה על מראה הדף.

טעימה מהצעדים במיני-פרויקט

זו רק הצצה לשלבים הראשונים. ביצוע מלא נפתח אחרי התחברות.
1

שלב 1: סלקטור של אלמנט

  1. פתח את קובץ style.css.
  2. בחר אלמנט נפוץ בדף (כגון p או h2).
  3. עצב אותו בעזרת סלקטור אלמנט (לדוגמה: צבע טקסט או מרווחים).
2

שלב 2: סלקטור מחלקה (Class)

3

שלב 3: סלקטור ID

במצב מחובר תוכל לראות את כל הצעדים, לסמן בוצע, להעלות ZIP ולקבל משוב מהמדריך.

כבר יש לך משתמש? התחבר ותוכל להמשיך מאיפה שעצרת במודולים ובמיני-פרויקטים.
Skip to content