CSS Basics & The Box Model

Basic CSS Properties

This text shows the use of color.

This box shows the use of background.

This line shows font-size and font-style.

This demonstrates border and border-radius.

This box uses margin and padding.

Understanding the Box Model

Every element in CSS is a rectangular box consisting of:

• Content: the text or image inside.
• Padding: space between the content and the border.
• Border: the edge of the element.
• Margin: the space outside the border, separating elements.