שלב 1: היכרות + Display
- פתח/י את
index.htmlבדפדפן. - ב-
.pillנסה/יdisplay: inlineואזblockואזinline-block. - שים/י לב להבדלים במרווחים, רוחב ושבירת שורה.
שלב היישום: פרויקט מונחה שלב־אחר־שלב, עם מעקב התקדמות, ציון ומשוב בתוך המערכת.
כדי לגשת אל הפרויקט, עליך להתחבר לחשבון המשתמש שלך.
בפרויקט זה תבינו לעומק את מודל הקופסה (Box Model) ותתרגלו את המרכיבים המרכזיים שלו: Margin, Padding, Border ו־Box Sizing (content-box לעומת border-box). בנוסף תתרגלו את תכונת display, תוספת צל בעזרת box-shadow, עבודה עם float ו־clear לזרימת תוכן בסיסית, שימוש ב־overflow לטיפול בגלישה, ולבסוף בניית פריסה קטנה של עמוד (Sidebar + Content) באמצעות כלים בסיסיים של מודל הקופסה.
index.html בדפדפן..pill נסה/י display: inline ואז block ואז inline-block.במצב מחובר תוכל לראות את כל הצעדים, לסמן בוצע, להעלות ZIP ולקבל משוב מהמדריך.