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重置+诊断+常规样式的主要内容,如果未能解决你的问题,请参考以下文章