Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

The Perfect Model Style Sheet

Starting point for new css projects



1:26 pm on Mar 16, 2007 (gmt 0)

10+ Year Member

I'm about to start coding a new design with css, and rather than crib from my previous project style sheets (which are themselves hodgepodges of snippets from yet other sources), I was hoping to find the "Perfect Model Style Sheet" which could be used as a starting template for new projects.

The biggest problems I typically run into are cascade-related short-circuits. My dream css template would be a generally acknowledged, standards-compliant, best practice layout of general-to-specific rules that would avoid such short-circuits and other hard-to-find gotchas.

Does anyone know of such a model document? If not, wanna build one here? :)


1:48 pm on Mar 16, 2007 (gmt 0)

WebmasterWorld Senior Member beedeedubbleu is a WebmasterWorld Top Contributor of All Time 10+ Year Member

I'm not sure if this is possible. I mean what type of style sheet do you require?


4:36 pm on Mar 16, 2007 (gmt 0)

WebmasterWorld Senior Member fotiman is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month

The Yahoo UI Library [developer.yahoo.com] includes some style sheets that might be of interest to you.

Reset CSS [developer.yahoo.com]:

The foundational YUI Reset CSS file creates a level playing field across A-grade browsers and provides a sound foundation upon which you can explicitly declare your intentions. It normalizes the default rendering of all HTML elements...

Fonts CSS [developer.yahoo.com]:

The foundational YUI Fonts CSS file offers cross-browser typographical normalization and control.

Grids CSS [developer.yahoo.com]:

The foundational YUI Grids CSS file offers three preset page widths, seven core templates, and the ability to nest subdivided regions of one to four columns. All told, the file offers almost 200 preset layouts and an unlimited number of custom permutations that work across all A-grade browsers, all for less than 2.5kb of minimized file weight.

I highly recommend using a framework like YUI. At the very least, the Reset and Fonts CSS are useful in all situations.


4:47 pm on Mar 16, 2007 (gmt 0)

WebmasterWorld Senior Member jimbeetle is a WebmasterWorld Top Contributor of All Time 10+ Year Member

I stumbled across the YUI a few weeks ago and find it really danged impressive. Not only did Y! open this stuff up to everybody, but spent a heck of a lot of time documenting it so even I can almost understand it.

Mr Bo Jangles

5:14 pm on Mar 16, 2007 (gmt 0)

10+ Year Member

YUI - what an absolutely fantastic resource. A lot of people deserve big congratulations for this!
Dare I say it: Yahoo 1, Google 0


9:49 am on Mar 17, 2007 (gmt 0)

10+ Year Member

That YUI stuff is great, thanks for the heads up! It's odd that Yahoo! is encouraging folks to hotlink those files, rather than put them on their own server.

What I was trying to describe (badly, I know), is something I actually had on-hand all along, and had forgotten about. I have Andy Budd's book CSS Mastery, and the source code for the book includes a prototype.css file that's exactly what I was trying to describe. It has a section at the top for general rules, then sections for Typography, Headings, Links, and so forth. Combined with the YUI stuff, it's just what I was looking for!

Best guess, I subconsciously knew I had that file from when I first read the book, but had buried it until posting here and reading the responses reminded me where to look for it.


Featured Threads

Hot Threads This Week

Hot Threads This Month