*{padding:0margin:0}
div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{border:0}
img,input{border:nonevertical-align:middle}
body{font-family:Tahoma,Arial,Helvetica,"宋体"font-size:12pxtext-align:centerbackground:#FFFcolor:#000}
html{overflow-y:scroll}
ul,ol{list-style-type:none}
th,td,input{font-size:12px}
h3{font-size:14px}
button{border:nonecursor:pointerfont-size:12pxbackground-color:transparent}
select{border-width:1px_zoom:1border-style:solidpadding-top:2pxfont-size:12px}
.clear{clear:bothfont-size:1pxheight:0visibility:hiddenline-height:0}
.clearfix:after{content:""display:blockclear:both}
.clearfix{zoom:1}
a:link,a:visited{text-decoration:nonecolor:#333}
a:hover,a:active{text-decoration:underlinecolor:#f60}
一般css两种写法.class{样式1:样式1样式2:样式2样式3:样式3样式4:样式4}
.class{样式1:样式1样式2:样式2样式3:样式3样式4:样式4}
另一种是
.class{样式1:样式1
样式2:样式2
样式3:样式3
样式4:样式4}
border、margin、padding这些可以缩写的标签尽量缩写。
第一种样式写出来样式表会比较小，基本没有多余代码，但是对于修改会比较麻烦一点，第二种方式有比较多的代码(回车和空格会影响文件大小，但是影响不大)，但是修改起来比较方便，然而这样竖着写有时样式太多还是容易混乱。现在还没个标准，怎么写顺手就怎么写，简洁主要在布局和使用的样式减少，而不在写法，可以多定义些共用的样式，class="样式1 样式2"可以同时使用多个样式，这样可以节省css代码，而且更清晰
CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。
选择器通常是您需要改变样式的 HTML 元素。
每条声明由一个属性和一个值组成。
属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。
CSS教程
