LAYOUT
- Controlling the position of elements
- Creating site layouts
- Designing for different sized screens
Key Concepts in positioning elements
Building Blocks
- Block-level elements(start on a new line)
- inline elements(flow in Between surrounding text)
containing elements
If one block-level element sits inside another block-level element then the outer box is known as the containing or parent element.
Controlling the position of elements
- Normal flow
- relative positioning
- Absoulute positioning
overlapping eLements (z-index)
floating elements
using float to pLace eLements side-by-side
screen sizes
Different visitors to your site will have different sized screens that show different amounts of information, so your design needs to be able to work on a range of different sized screens.
screen resoLution
page sizes css
fixed width Layouts
Liquid Layouts
