Posted By

thesambarnes on 01/26/08

Tagged

Versions (?)

Last Edited at 01/26/08 12:22pm

Statistics

Viewed 710 times

Favorited by 3 user(s)

Related snippets

CSS Reset Stylesheet

/ Published in: CSS

This is the CSS stylesheet I currently start every website that avoids some of the common browser bugs experienced when developing for multiple browsers.

Highlighted TextExpand

/* Default screen stylesheet for http://www.
   Author: thesambarnes (e-mail address)
   Last updated: 00/00/2008
*/

/* Defaults begin *************************************************************************************************/

/* Remove padding and margin */
* {
	margin: 0px;
	padding: 0px;
}
/* Puts sensible margin and padding back on suitable elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table {
	margin: 1em 0;
}

/* Headers *****************************/
h1 {

}
h2 {

}
h3 {

}
h4 {

}
h5 {

}

/* Text *****************************/
p {

}

/* Links *****************************/
a {

}
a:hover {

}
a:active {

}
a:visited {

}

/* Images *****************************/
img {
	border: 0px;
}

/* Lists *****************************/
ul {

}
/* Removes styling from all list items */
ul, li {
	list-style:none;
}
ul li {

}
ul li a {

}

/* Clears all floats */
.clear {
	clear: both;
}

/* Forms *****************************/

/* Removes fieldset borders */
fieldset {
	border: 1px solid transparent;
}

/* Tables *****************************/
table { 
	border-spacing: 0;
	border-collapse: collapse;
}
td {
	text-align: left;
	font-weight: normal;
}

/* HTML and body tags *****************************/
html {

}

/* Creates foundation "em" font sizes where 1em is equal to approximately 10px and 1.1em = approx. 11px etc */
body {
	font: 62.5%/1.6 Trebuchet, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
/* Defaults end *************************************************************************************************/

/* Internet Explorer workaround that centers the site in the browser */
#iepagewrapper {
	text-align: center;
}
#pagewrapper {
	margin: 0px auto 0px auto;
}

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.