More CSS (Week 6)

Today, the lecture was about the box and the box positioning using CSS. There are four elements of the box:

• Content
• Padding
• Border
• Margin

Morover,there are two common ways to make a CSS layout: using position property or float property.

Using Position Property

• Static - the default
• Absolute - relative to parent's hierarchy (usually for header and footer)
• Relative - relative to itself or for small adjustments.
• Fixed - it does not scroll

Using Float Property

• The concept is similar to aligning an image.
• It can be used to create layouts or simply float content.