网页设计制作课件
如何复用CSS代码大量重复的CSS代码，如何精简？.pic1{width:28px;height:26px;background:url(../images/icon.gif) no-repeat;} .pic2{width:28px;height:26px;background:url(../images/icon.gif) no-repeat -28px 0px;} .pic3{width:28px;height:26px;background:url(../images/icon.gif) no-repeat -84px 0px;} .pic4{width:28px;height:26px;background:url(../images/icon.gif) }
.抽取重复代码建立类 .pic {//共有的CSS代码;}
应用样式：多个类样式 <li class="pic pic1"></li>
演示示例7:精简CSS代码