Reset CSS?
March 21st, 2008
I plan to create a new theme for this blog, and am seeking opinions. Should I base my CSS on this Reset Reloaded stylesheet?
What do you do for your own sites?
I plan to create a new theme for this blog, and am seeking opinions. Should I base my CSS on this Reset Reloaded stylesheet?
What do you do for your own sites?
When I need something like that, I use the YUI reset CSS (http://developer.yahoo.com/yui/reset/), since I already use their JS library.
I use Blueprint CSS (http://code.google.com/p/blueprintcss/) in my projects. It is very good and flexible and very easy to use and modify.
Honestly? Use a reset style sheet, but it doesn’t really matter which one. I just wrote a bit about this today at http://robwilkerson.org/2008/03/21/css-organization/, but here’s my quoted thought on the matter:
“The first style sheet I create for each project is a reset style sheet (_reset.css). The rules in this style sheet exist solely to negate default styles that are often implemented differently across browsers. I tend to use Eric Meyer’s version because, well, he’s Eric Meyer, you know? The guy’s put a lot of thought into these things.
Another popular technique is to apply the universal selector.
* { margin: 0; padding: 0; … }
That’s just too generic for my tastes. A good reset style sheet, whether Eric’s or a home grown version, should include some thought and have some logic behind what’s being reset.”
Just use :
From my experience they are better than meyer web reset and blueprint one. Yahoo UI is great and well documented and extensible.
Ok pasting html doesn’t work so :
http://rafb.net/p/4kG8eA30.html
The Meyer reset is great, but there are many other CSS reset styles to choose from!
Correct link to current version:
http://meyerweb.com/eric/tools/css/reset/index.html
I found the Yahoo reset made my css invalid, so I switched to blueprint. The simple one you’ve linked to looks good though.
for bigger project i use a combination:
. Its also includes some greate tricks for float clearing that i can realy recommend.
http://kallesaas.com/blog/?p=9
(sorry its german, but scroll down und you will find an exampe….)
based on the meyerweb.com, blueprint approach and some experiance from me
I’m basing my theme redesign on YUI, and so far I must say I am deeply impressed by the work the Yahoo team has done. Their CSS is concise, easy to use, and extraordinarily well documented. I’m working with their combined reset, font, and grid CSS. Very, very nice.
We won ! ;=)
I have started looking at CSS frameworks and reset style sheets lately, and I have come to a basic conclusion.
Why reset? Set instead. Simply put, replace your reset style sheet with one that SETs all the basic styles to the defaults you would like to start from instead. You still get a good baseline across browsers by setting all your styles to a standard format. I just don’t see the point of doing something to force me to specifically undo it later. I would much rather start with a style sheet that has a reasonable starting point that overrides the differences between browsers while at the same time making elements appear as I would expect them to everywhere.
So how about we see the death of the reset style sheet and the birth of frameworks with set style sheets. I think I will work on creating my own set.css in the near future.