Positioning Objects with CSS

•The different positioning styles in the original CSS1 specifications were known as CSS-Positioning or CSS-P
•To place an element at a specific position on a page use:
position: type; top: value; right: value;
bottom: value; left: value;

•You can also specify the output media within a style sheet using:
@media type {style declarations}
Where media is one of the supported media types
and style declarations are the styles
associated with that media type

•CSS2 uses media groups to describe basic facets of different media– and to differentiate between different types of media based on the ways they render content
–Continuous or paged
–Visual, aural, or tactile
–Grid (for character grid devices) or bitmap
–Interactive or static

•Two different styles that allow you to hide elements:
–Display style
–Visibility style


•You can specify the size of a page, margins, internal padding, etc. of the page box
•Review the Reference Window on page HTML 420 for working with print styles