CSS layout

• The display property does two things. The first thing it does is determine if the box it is applied to acts as inline or block.
  

• flexbox and grid

• flow layout

• multicolumn layout

• positioning : static, relative, absolute, fixed, z-index, float

• screen sizes

• screen resolution

• page sizes

• fixed width layouts

• liquid layouts

• CSS frameworks

• 960.GS Grid

Summary

<div> elements are often used as containing elementsto group together sections of a page.
Browsers display pages in normal flow unless you specify relative, absolute, or fixed positioning.
The float property moves content to the left or right of the page and can be used to create multi-columnlayouts. (Floated items require a defined width.)
Pages can be fixed width or liquid (stretchy) layouts.
Designers keep pages within 960-1000 pixels wide, and indicate what the site is about within the top 600 pixels (to demonstrate its relevance without scrolling).
Grids help create professional and flexible designs.
CSS Frameworks provide rules for common tasks.
You can include multiple CSS files in one page.