Posted By

BFTrick on 03/31/09

Tagged

css
style

Versions (?)

Last Edited at 03/31/09 12:55pm

Statistics

Viewed 677 times

Favorited by 2 user(s)

Related snippets

CSS Reset + Diagnostic + General Styles

/ Published in: CSS

The first part resets all the browser\\\'s default styles. The second part adds some styles back in and provides a few classes for common issues. The third part will check your page for invalid markup.

Highlighted TextExpand

@charset "utf-8";
/* CSS Document */

/****************************************************************
  Reset  -  http://tantek.com/log/2004/undohtml.css  -  http://meyerweb.com/eric/tools/css/reset/
****************************************************************/
html, body, h1, h2, h3, h4, h5, h6, p, img, blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a, form, input, textarea, fieldset, pre, ul, ol, li
{ margin: 0px; padding: 0px;}

address { font-style: normal; }
acronym, abbr { border-bottom: 1px #000000 dashed; cursor: help; }

a img, img { border: none; }
a { text-decoration: none; }

table { border: 0px; border-collapse: collapse; border-spacing: 0px; }
table td, table th { margin: 0px; padding: .1em; empty-cells: show; vertical-align: top; }
caption {}
th {}

/****************************************************************
General Styles
****************************************************************/

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
}

/*Font Size*/
h6{font-size: 1.0em;}
h5{font-size: 1.2em;}
h4{font-size: 1.4em;}
h3{font-size: 1.6em;}
h2{font-size: 1.8em;}
h1{font-size: 2.0em;}
p{font-size: 1.0em;}

/*spacing*/
p, h1, h2, h3, h4, h5, h6, ul, ol{
	margin-top: 1em;
	margin-bottom: 1em;
}
ul, ol, blockquote{
	padding-left: 20px;
}

/*Add Scroll bar in all browsers - http://www.nealgrosskopf.com/tech/thread.asp?pid=12*/
html { overflow-y: scroll; }

/****************************************************************
General Classes
****************************************************************/

/*alignment*/
.center{
	text-align: center;	
}
.left{
	text-align: left;	
}
.right{
	text-align: right;	
}
.clear{
	clear: both;	
}

/*margin*/
.flushBottom{
	margin-bottom: 0px;	
}
.flushTop{
	margin-top: 0px;	
}
/*margin*/

/****************************************************************
CSS Diagnostics - http://www.nealgrosskopf.com/tech/thread.asp?pid=3
****************************************************************/

/* Deprecated Elements */
/*
center, font, s, strike, u, marquee, blink
{ border: 5px solid red !important; }
*/

/* Deprecated Attributes */
/*
br[clear], hr[noshade], *[color],
*[bordercolorlight], *[bordercolordark], *[bordercolor], *[background], *[bgcolor], *[nowrap],
ol[compact], ul[compact], *[start],
img[hspace], img[vspace]
*[align], *[valign],
*[height], *[width],
ul[type], ol[type], li[type],
font[size], hr[size]
{ border: 5px dotted red !important; } 
*/

/* Empty Elements */
/*
.content div:empty, .content span:empty, .content li:empty, .content p:empty, .content td:empty, .content th:empty 
{ padding: 20px; border: 5px solid yellow !important; }
*/

/* Empty Attributes */
/*
*[alt=""], *[title=""], *[id=""], a[href=""], a[href="#"] 
{ border: 5px dotted yellow !important; }
*/

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.