Digital UK Design Blog

Yep the good old CSS box model, explained once more. The CSS box model is a fundamental element of modern web design that all web designers need to master. This CSS box model controls and details the behaviour of many HTML elements, such as DIV, P, ul, so understanding this is a firm step forwards to better web design.

3D CSS Box Model

Jon Hicks, who’s a leading figure in web standards and userbility, has created this brilliant 3D CSS Box Model diagram and kindly supplied the original Illustrator file for me to modify and put on the site for you to look at, so a big thanks goes out to him.

Related posts:

  1. CSS for ABSOLUTE BEGINNERS – shaping up with CSS
  2. Your CSS framework needs you!
  3. The CSS Bible – CSS is your God!
  4. Definitions of Typography Terms in Word
  5. The W3C evolves and a new site is born

Author : Gary Hartley

Gary (aka Frog) is the co-founder of The Floating Frog and has written in excess of 200+ articles on all things design and web related. If you'd like to guest post on The Floating Frog on a subject you are really passionate about then please get in touch. For more information head over to our write for us page.

One Response so far

  1. Honour Chick Says:


    thanks for the tutorial :)




Leave a Comment

Please note: Comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.

©2006 - 2009 The Floating Frog