网页设计制作第七章(17)

网页设计制作课件

如何复用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代码

百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，免费范文网，提供经典小说教育文库网页设计制作第七章(17)在线全文阅读。