Unit 5 - CSS

Topics

• What is CSS
• Background Color
• Border
• Margin
• Padding
• Box Model

CSS

Explanation: CSS is used to style HTML elements.

It changes color, size, spacing and layout.

Background Color

Example:

p {
background-color: yellow;
}

This is background color

Border

p {
border: 2px solid black;
}

Border Example

Margin

Margin creates space outside element.

Padding

Padding creates space inside element.

Box Model

Every element is a box with margin, border and padding.