Using a CSS Reset File
By jonkarna
I'm interested in your experience
Do you use any sort of CSS reset file?
See results without votingOn all the websites that I create, I use my own variation of Eric Meyer's Reset CSS. I've also used Yahoo's reset file for a while before I found this one.
The only reason I have made modifications was to accommodate for content generated through our cms. If I feel the need I add portions of the original reset file back using a reset class so that I can use it outside of the designated content area for the cms. I really enjoyed the collaboration that went into Eric Meyer's file also.
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, /*img, */ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend {
background: transparent; border: 0; font-size: 100%;
margin: 0; outline: 0; padding: 0; vertical-align: baseline;
}
body {line-height: 1;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/*JRK */
img {border: 0;}
ul.reset, ol.reset, ul.reset li, ol.reset li {
background: transparent; border: 0; font-size: 100%;
margin: 0; outline: 0; padding: 0; vertical-align: baseline;
}
ul.reset, ol.reset {list-style: none;}Use of CSS Reset
I currently use a variation of the Blurpint CSS framework. It uses Eric Meyer's CSS reset file inside of it. The 960 Grid System is another CSS framework that I have been itching to give a try, but have yet to give it a spin. It also uses Eric Meyer's CSS reset file inside of it.
CSS Frameworks
- Blueprint: A CSS Framework | Spend your time innovating, not replicating
The official homepage for Blueprint, the original CSS framework. Also known as Blueprint CSS. - 960 Grid System
The 960 Grid System is an effort to streamline web development workflow.
Learn CSS
 | Amazon Price: $18.00 List Price: $34.99 |
 | Amazon Price: $18.86 List Price: $34.95 |
 | Amazon Price: $15.08 List Price: $29.99 |
Comments
No comments yet.
