CSS CSS重置+诊断+常规样式

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS CSS重置+诊断+常规样式相关的知识,希望对你有一定的参考价值。

@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; }
*/

以上是关于CSS CSS重置+诊断+常规样式的主要内容,如果未能解决你的问题,请参考以下文章

css样式重置,不建议用通配符

重置特定 div 的 CSS 样式

css 重置样式reset..css

CSS CSS重置样式表

为一个 div 元素重置多个 CSS 样式

css 用于重置预定义样式的Css文件