I hope you find these links useful and that they will help you gain more understanding of how CSS works. This page will constantly be updated as I migrate more of my personal bookmarks here. I'm in the process of cleaning up my outdated bookmarks and selecting the top quality articles and tutorials.

Happy Coding, Ray H.

 

Return to Demos

CSS References

• SitePoint CSS & HTML Reference
• Mozilla Developer - CSS Reference
• W3C (CSS 2.1) Specifications

CSS Basics

• Ben Partch - CSS Basics
• Opera Developer - CSS Basics
• 10 Quick Tips for an Easier CSS Life

Margins and Paddings

• Paul O'B - No Margin For Error
• Paul O'B - Where's My Margin Gone?
• W3C Specs - Collapsing margins
• SitePoint Reference - Collapsing margins

Understanding Floats

• SitePoint Reference - Float & Clear
• Opera Developer - Floats & Clearing
• Gary Turner Web Dev - Containing Float Elements
• Visibility Inherit - Containing Floats Made Easy!
• Stoemme Poes - Float Containment Test
• Paul O'B - Let's Be Clear About This!
• Paul O'B - CSS Floats & Repelling Content

Internet Explorer Float Model and "hasLayout"

• SitePoint Reference - The Internet Explorer "hasLayout" Property
• On having layout - the concept of "hasLayout" in IE/Win
• CSS-Class.Com - IE Float model and the reality
• P.I.E. - The IE Float Model Problem

Positioning with CSS

• SitePoint Reference - Positioning
• Opera Developer - CSS Static and Relative Positioning
• Paul O'B - Relatives! Who needs them? - Relative Positioning
• Opera Developer - CSS Absolute and Fixed Positioning
• Paul O'B - Fix Your CSS! - Fixed Positioning

Understanding Z-Index and Stacking Contexts

• SitePoint Reference - Stacking Contexts
• Effect of z-index to Positioned Elements
• Paul O'B - Give Me Some Zzzzz's
• Mozilla Developer - Understanding CSS z-index
• CSS Discuss - Overlapping and z-index

Misc. Tutorials

• Sticky Footers - A Sticky Subject!
• Let's All Get Inline - Inline-Block
• Easy Vertical Centering with CSS

Return to Top