CSS汇总

CSS的文件格式
1.每种不同款式，定义一个css。按钮A一个css，按钮B虽然长得跟A一样，但是在右边，那就copy下A的css代码，然后改成在右边。
.a{/* 很多样式定义 */}
.b{/* 很多样式定义 */ text-align:center;}
.c{/* 很多样式定义 */ text-align:right;}
<div class="a">按钮A</div>
<div class="b">按钮B</div>
<div class="c">按钮C</div>
2.针对不同地方，利用css层级覆盖来实现。比如按钮A设定css，然后对于特别的页面，设定特别的css来覆盖
.a{/* 很多样式定义 */}
#s1 .a{text-align:center;}
#s2 .a{text-align:right;}
<div class="a">按钮A</div>
<div id="s1"><div class="a">按钮B</div></div>
<div id="s2"><div class="a">按钮C</div></div>
3.利用css组合来实现。如上面的代码片段，设定css基础类，然后进行组合。对于按钮A，它的class为x，在右边的按钮B，它的class为x tar，对于B来说，它的样式就是x与tar组合起来的。
.a{/* 很多样式定义 */}
.tac{text-align:center;}
.tar{text-align:right;}
<div class="a">按钮A</div>
<div class="a tac">按钮B</div>
<div class="a tar">按钮C</div>
4.接内嵌style来解决。
.a{/* 很多样式定义 */}
<div class="a">按钮A</div>
<div class="a" style="text-align:center">按钮B</div>
<div class="a" style="text-align:right">按钮C</div>
CSS属性
1、 字体属性
　　这是最基本的属性，您经常都会用到。它主要包括以下这些属性：
font-family   使用什么字体  所有的字体类型
font-style    字体是否倾斜    Normal、italic、oblique
font-variant   字体是否用小体大写   Normal、small-caps
font-weight    定义字体的粗细   Normal、bold、bolder、lithter等
font-size     定义字体的大小   Absolute-size、relative-size、length、percentage等
例：
　　<p style=“font-family：lucida console”>hongen</p>
　　<p style=“font-style：italic”>hongen</p>
　　<p style=&ldq