homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

The Perfect Model Style Sheet
Starting point for new css projects

10+ Year Member

Msg#: 3283749 posted 1:26 pm on Mar 16, 2007 (gmt 0)

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? :)



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

Msg#: 3283749 posted 1:48 pm on Mar 16, 2007 (gmt 0)

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


WebmasterWorld Senior Member fotiman us a WebmasterWorld Top Contributor of All Time 5+ Year Member

Msg#: 3283749 posted 4:36 pm on Mar 16, 2007 (gmt 0)

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.


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

Msg#: 3283749 posted 4:47 pm on Mar 16, 2007 (gmt 0)

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

10+ Year Member

Msg#: 3283749 posted 5:14 pm on Mar 16, 2007 (gmt 0)

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


10+ Year Member

Msg#: 3283749 posted 9:49 am on Mar 17, 2007 (gmt 0)

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.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved