שלב 1: סלקטור של אלמנט
- פתח את קובץ
style.css. - בחר אלמנט נפוץ בדף (כגון
pאוh2). - עצב אותו בעזרת סלקטור אלמנט (לדוגמה: צבע טקסט או מרווחים).
שלב היישום: פרויקט מונחה שלב־אחר־שלב, עם מעקב התקדמות, ציון ומשוב בתוך המערכת.
כדי לגשת אל הפרויקט, עליך להתחבר לחשבון המשתמש שלך.
בפרויקט זה תעמיקו בשימוש בסלקטורים ב-CSS ותלמדו כיצד לבחור אלמנטים בדף בצורה מדויקת וחכמה.
הפרויקט מתמקד בהבדלים בין סוגי סלקטורים שונים ובאופן שבו הם משפיעים על עיצוב האתר.
במהלך הפרויקט תתרגלו:
סלקטורים של אלמנט, מחלקה ו-ID
בחירת אלמנטים לפי מבנה הדף בעזרת Child Selector
שימוש ב־Pseudo-classes כמו :hover ו־:nth-child
היכרות עם Pseudo-elements ויישום מעשי של ::before ו־::after
בסיום הפרויקט תדעו לבחור אלמנטים בצורה מקצועית, ליצור אינטראקציות עיצוביות בסיסיות, ולהבין כיצד סלקטורים מתקדמים מאפשרים שליטה מלאה על מראה הדף.
style.css.p או h2).במצב מחובר תוכל לראות את כל הצעדים, לסמן בוצע, להעלות ZIP ולקבל משוב מהמדריך.