Menu
Coddy logo textTech

מהו מודל הקופסה?

חלק מהיחידה עיצוב באמצעות CSS במסלול ה-HTML של Coddy. שיעור 33 מתוך 76.

ב-CSS, כל רכיב HTML נחשב לתיבה מלבנית, בהתאם למודל הקופסה. המודל הזה מורכב מארבעה חלקים עיקריים:

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

הבנת מודל הקופסה עוזרת לשלוט במרווחים ובפריסה בעיצוב אתרים! 🚀

נסו בעצמכם

השיעור הזה לא כולל אתגר קוד.

quiz iconבחנו את עצמכם

השיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.

כל השיעורים ביחידה עיצוב באמצעות CSS

תרגלו בעצמכם: Web אונליין