This web site is about Cascading Style Sheets as a means to separate the presentation from the structural markup of a web site, and it will help you answer some of those frequently asked Questions, explains some of the Basics of CSS, gives you tips and tricks for tackling the problems with Netscape 4, offers you a tutorial about Positioning with CSS (CSS-P, web design without tables). There is also a page with interesting Links.
This page uses CSS to present the content in the best possible manner. If you can see this message, then CSS (or JavaScript) is not enabled in your browser, and the page will not appear as the designer intended.

The HTML element has a blue color, but it is not shown. The BODY element: background color is red.

This is the block-level element <P>, defined as having a white background, with dark blue Verdana-font. To illustrate my point, I put into the P-block-level element an <i>-inline element, where I declare the background color as #00FF00 and the font-style as italic and now it's back to the <p> element again.

This is the second <P> element.

This is the third <P> element, that contains an absolutely positioned <span>.
This SPAN (inline element) is nested within the P element 3, but positioned at top: 20px; left: 350px; with a width: auto; and a height: auto; and the background-color is yellow. It also contains an <i>-inline element, where I declare the background color as #00FF00 and the font-style as italic. The position of this SPAN is determined in relation to the root element, because there is no positioned anchestor around.

This is the fourth <P> element, and it contains a relatively positioned <span> inline element. Here starts the SPAN class. This element is moved to a position 20px down from the top and 20px to the right of its normal position within the anchestor element, the P element 4 and this is where the P element 4 continues.