笔记，class样式

.class 是用来选择class相应名称的标签，比如：

jsp页面中有标签<div class="cion",> </div>，那么在css文件或者style中可是设置其样式：

 .cion{
    width: 16px;
    height: 16px;
    margin: 0 auto;
    padding: 0 auto;
 } 其中margin: 0 auto; padding: 0 auto; 表示显示居中，class相等于标签的iD， 只是id只可以有一个值，而class可以有多个值 用空格隔开即可id=“pid” class=“icon txt key”

同时，也可以再可以再clss后面加一个属性，来区分不同的class，表示在相同的标签上，不同的情况使用不同的：

例如<div class='ficon "+datafile[i].stff+"'></div> 其中"+datafile[i].stff+"'是后台获取的数据、

前台css为：.ficon{
    width: 16px;
    height: 16px;
    margin: 0 auto;
    padding: 0 auto;
}
.ficon.js{
    background-image: url("../images/fileicon/js.gif");
}
.ficon.txt{
    background-image: url("../images/fileicon/txt.gif");
}
.ficon.css{
    background-image: url("../images/fileicon/txt.gif");
}
.ficon.html{
    background-image: url("../images/fileicon/html.gif");
}
.ficon.ftl{
    background-image: url("../images/fileicon/html.gif");
}
.ficon.jpg{
    background-image: url("../images/fileicon/jpg.gif");
}
.ficon.gif{
    background-image: url("../images/fileicon/gif.gif");
}
.ficon.png{
    background-image: url("../images/fileicon/png.gif");
}