I thank snook.ca – a collection of tips, tricks, and bookmarks on web development for finally helping me understand how to use the display: table property in CSS. This one has been bugging me for quite some time and this explanation really helps!
Category: CSS
Clearing Methods Test Cases
In CSS, using float often requires the use of some sort of clear to ensure that the background color extends beyond the floated object. There are examples of various methods of doing this at pixelsurge.
Interesting variation on rollovers with background images and pseudo states
I’ve mentioned several techniques here that involve using CSS pseudo states and background images to create rollovers. Here’s a new one at Well Styled that uses positioning of the background image to create different effects.
Help Students Assign Names to Div Elements
Eric Meyer has been writing about Structural Naming recently in his blog. This article Eric’s Archived Thoughts: Structural Naming is a good overview of the type of thinking students need in order to effectively name the various CSS structures they use on Web pages.
Avoiding CSS Pitfalls
MX Developer’s Journal CSS has been around for years, but many Web designers still do not think it is ready to be used extensively because of the host of browser rendering inconsistencies that exist. However, by knowing a few CSS hacks and tricks, you can learn how to write code that is cross-browser compatible and allows you to fully separate your content from its presentation.
Well said explanation of Box Model Hack
Modified Simplified Box Model Hack tells all.
CSS Master Grid
CSS Support Charts I thought I had this useful resource elsewhere in the archives of this blog, but when I searched for it something else entirely was found by following the link. So, once again, here is the CSS Support Master Grid for CSS1 and portions of CSS2 support.