
CSS
Get flash to fully experience Pearltrees
css3
Published by Chris Coyier At the risk of over-repeating myself: every element in web design is a rectangular box. This was my ah-ha moment that helped me really start to understand CSS-based web design and accomplish the layouts I wanted to accomplish. We've talked about the positioning of these boxes a bit , and about their behavior .
The CSS Box Model
This post is about 5 useful CSS properties that you should be very familiar with, but will most likely rarely use. I'm not talking about the new fancy CSS3 properties. I'm referring to the old CSS2 properties such as: clip , min-height , white-space , cursor , and display that are widely supported by all browsers.
5 Simple, But Useful CSS Properties
position: absolute This div is positioned absolutely with the bottom and right CSS properties set to 0. Therefore it appears in the bottom-right corner of the screen and is displayed over the other content. In the code, this div is within the #container div. Therefore, we can position it in the bottom-right corner of #container by applying the position:relative property to that div by clicking the button below. To see the "natural" position of this div set its CSS position property to static (the default for all divs) using the button below.

