📄️ Introduction
Understand the fundamental CSS Box Model, which describes how every HTML element is represented as a rectangular box composed of content, padding, border, and margin.
📄️ margin
Learn how the CSS margin property controls the space outside an element's border, separating it from surrounding elements, and how margin collapse works.
📄️ padding
Learn how the CSS padding property controls the inner space between an element's content and its border, and how it affects the element's background.
📄️ border
Learn how the CSS border property defines the style, width, and color of the line separating an element's padding and margin.
📄️ outline
Learn about the CSS outline property, which draws a line outside the border of an element, often used for accessibility and visual focus indication.
📄️ width
Explore the CSS width property, how it defines the size of an element's content box, and the importance of min-width and max-width for responsive design.
📄️ height
Explore the CSS height property, how it defines the vertical size of an element's content box, and how to use min-height and max-height effectively.
📄️ box-sizing
Understand the fundamental box-sizing property, which controls how an element's width and height are calculated in relation to its padding and border.
📄️ box-shadow
Learn how the CSS box-shadow property adds visual depth and dimension to elements, enhancing UI design without affecting the document layout.
🗃️ CSS Units
3 items