Reset.css and then a Set.css

Posted by Sixfoot Studio on Stack Overflow See other posts from Stack Overflow or by Sixfoot Studio
Published on 2010-06-13T09:00:38Z Indexed on 2010/06/13 9:12 UTC
Read the original article Hit count: 440

Filed under:

I have, for a while now been using a reset.css file to reset everything before I start laying out my html designs.

The reset is great in that it allows one to better control attributes such as margins, padding, line-height etc for all browsers. In essence the flatliner of css files.

Now to get the heart beating again, I need a "set.css" file. So what I have done is created an Html file with all the possible elements on the page to then go and set the padding, margins etc of the h1, h2, p, td etc.

I need some help with this as I am not sure what the defaults normally are. I had a look at the Firefox default css file that's used to generate all these attributes on a raw html file but it doesn't cover all the scenarios I could come up with when developing a site.

Here's an example of the set.html file (a work in progress) which can be used as a lorem ipsum filler to add to your first page in a cms and then to style with a "set.css" file

http://www.sixfoot.co.za/labs/Html-Css/set.html

I'd appreciate it if someone knows if something like a set.css file exists or if someone could tell me what the general padding and margins are in cases like this when you have reset the css.

Cheers, James

© Stack Overflow or respective owner

Related posts about css-reset