[WSG] Template StyleSheet

Mon, 20 Dec 2004 20:17:03 -0800

Hi all,
 
Trying to find examples, resources that define how StyleSheets should be organised. There's been dicussion of how to arrange your classes and IDs and I'm just wondering, what about base generic styles that don't need to be referenced by class or ID... Does anyone out there start with a template they use for all their sites and modify it?
 
The W3 Spec for CSS2 has one for HTML4 but I don't see any ryhme or reason in the way it's laid it out. They're recommending that all developers use this stylesheet as a template. Can someone explain it to me?
To make things fun, I've uploaded my template stylesheet for anyone that's interested.
 
I've organised the elements in accordance with the modules specked out for XHTML 1.1 DocType (http://www.w3.org/TR/xhtml11/doctype.html) - there's a couple of modular elements missing but I never use those anyway.
 
For the styles' properties themselves I'm guessing most people have their own special order. I tend to split them into three lines:
 
    Positional Styles (display, position, width, height, overflow, etc...)
    Box Styles (margin, border, padding, background, etc...)
    Text Styles (font, size, colour, etc...)
 
Speaking of templates, here's an HTML Template I use when I build a site that a client is going to update through a WYSIWYG. I has most of the common HTML elements in it, so that when I apply my style sheet the client knows what everything is supposed to look like - very handy. Here it is (with a coloured version of the stylesheet):
 
If you think I should change/add anything, please let me know.
Cheers  :o)
 
Richard
 

Reply via email to