I first encountered style sheets in 2000 where I frantically tried incorporating them into my design, and really never knew of the true power that they had for design. It wasn’t until June of this year that I broke out of the Table world that was so linear and was ultimately holding me and my clients back form a hierarchical semantic world of coding.

So first I want to share with you this article that I think may shed some light on why you really should code semantically.

http://www.alistapart.com/articles/12lessonsCSSandstandards

Second I want to share with you the box model that is very important for all those that code with CSS.

The term “box model” is often used by people when talking about CSS-based layouts and design. Not everyone understands what is meant by this though, and not everyone understands why it is so important.

Any XHTML element can be considered a box, and so the box model applies to all XHTML (and HTML) elements.

The box model is the specification that defines how a box and its attributes relate to each other. In its simplest form, the box model tells browsers that a box defined as having width 100 pixels and height 50 pixels should be drawn 100 pixels wide and 50 pixels tall.

Just just understand that there is more you can add to a box, though, like padding, margins, borders, etc.

Lastly I encourage all of you to read when ever you have a free moment new ideas and philosophies for web design. Its critical to our success that we stay on top of the world we call web design.

Here are some links that I find useful.

ALA
StyleGala
CSS Remix
Smarty Tags

2 Responses