CSS Tutorial?

[jducoeur]

So sometime in the next week or two, I'm going to be done with the functionality of alpha 0.1 of CommYou -- still nowhere near functionally complete, but enough that you can start to see what's going on. One of the next steps after that is to clean up the UI. And for that, I need to really get my head around CSS.

I'm at the point where I know the basics fairly well, but I'm sure that I'm missing many details, and I'm sure I don't grok all the subtleties of the box model and other layout issues. I'm looking for something at the level of an advanced tutorial for the experienced web programmer, or a well-written reference document that is better-organized and less minutiae-obsessed than the standard itself. Anybody have any useful pointers? I know that I'm far from the only person trying to get into CSS2 in-depth these days, but sorting the wheat from the chaff is always a task...

Comments

[metahacker.livejournal.com]

Heh. And I just did this, too.

When I get home tonight I'll poke through my browser history to find the best pages...they're on the home laptop. The w3 docs are as ever long-winded but fairly feature-complete.

[dryfoo.livejournal.com]

A lot of people recommend "Eric Meyer on CSS". Next time you're in a bookstore take a look through it.

I started with "Spring into HTML and CSS" by Holzschlag, and just ignored the HTML half. Even though only half the book was useful to me, I chose it out of a crowded shelf for the clarity of the writing and the examples. Probably not enough detail for you, but one diagram laying out the whole padding/border/margin thing might bring some enlightenment.

[asim.livejournal.com]

Best ref. book is Meyer's CSS: The Definitive Guide (http://www.amazon.com/CSS-Definitive-Guide-Eric-Meyer/dp/0596527330/ref=pd_bbs_sr_1?ie=UTF8&s=books&qid=1205335481&sr=8-1). It's detailed, well put together, and does a decent job of balancing the theory of CSS Standards with the reality of writing in the Real World, where plenty of people still use the Box Model Hack (http://tantek.com/CSS/Examples/boxmodelhack.html). His other books are more practical, and recommended as well.

[msmemory.livejournal.com]

We own CSS: The Definitive Guide. I'll bring it home tonight.

[vortexofchaos.livejournal.com]

I second the reference to Eric Meyer's books. I also like Eric Meyer on CSS: Mastering the Language of Web Design and More Eric Meyer on CSS. They give some nice practical examples.