![]() |
|
|
Any suggestions about my reset? |
|
Experienced Talker
Latest Blog Post:
My CSS reset, reset.css Posts: 46
|
I'm trying to come up with a building starting point for my future CSS projects. The reset.css is actually a custom combined version of various popular reset.css from Eric Meyer and so forth.
Really want to listen to you about how can I make it better, more versatile and scalable. Just talk about what you'd do with your own. global.css Code:
@charset "utf-8";
@import "reset.css";
* {font-size:100.01%;overflow:hidden}
html {font:normal 62.5%/1.6 Arial, Verdana, Geneva, sans-serif}
body {font-size:1em;line-height:1.6}
Code:
@charset "utf-8";
/* reset.css by yang yang v1.0 | 20080415 */
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, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
sup {
vertical-align:text-top;
}
sub {
vertical-align:text-bottom;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input,textarea,select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}
/*to enable resizing for IE*/
input,textarea,select {
*font-size:100%;
}
|
|
|
|
| Sponsored Links (We share ad revenue): |
|
|
Re: Any suggestions about my reset? |
|
Ultra Talker
Latest Blog Post:
Web Development Business Tips Posts: 384
|
I wouldn't include absolutely every page element because you won't use them on all every project and so you're just bloating your code and increasing download size and time. If you become familiar enough with CSS, it really doesn't take that long to create a file from scratch. What I recommend instead is coming up with a common naming and sticking to it. IMO, that'll be far more useful than this.
|
|
|
|
| Sponsored Links (We share ad revenue): |
| Thread Tools | |
|
|
| Webmaster Resources Marketplace: |
| Software Development Company | Webhosting.UK.com |
| Web Templates | Text Link Brokers | Stock Photos |