Learn CSS in style

BCSSreset – CSS Reset

When starting a new CSS project, I always start with my BCSSReset :

/* CSSBoss.com - BCSSReset 1.0- By AndrewKaser.com */
h1,h2,h3,h4,h5,p,span {
ul, li { list-style: none; }

Okay so the most important thing about this CSS Reset is that it’s extremely minimal. I start with a very small list of elements that I know I will use in every single layout and then add any additional tags into the selector if I ended up using them in the layout.

You can fit this down to two lines (or even one) if you’re really into saving space :

/* CSSBoss.com - BCSSReset - By AndrewKaser.com */ 
html,body,div,ul,li,h1,h2,h3,h4,h5,p,span{margin:0px;padding:0px;border:0px;} ul, li { list-style: none; }

I chose not to mess around with the h1,h2,h3,h4,h5 font-size or color, because I’m going to be setting them anyway in my style sheet so I don’t see why I would want to do it twice. Shave a few more bytes off that file size, Boss. 😉

There are a lot of options out there when it comes to CSS Resets, but I think it’s most important that you pick the best one for you. The reason my reset is so small and short, is because those are the highest percentage of tags I deal with in all of my layouts. If you are styling html5 a lot, then you would want to use a html5 reset more than likely, or create your own like I have.

For a more complete package CSSReset, make sure and check out my other favorite CSSReset by Eric Meyer : http://meyerweb.com/eric/tools/css/reset/

Change Log –
V1.0 { bare minimum skeleton, first release 2-13-2012 }