1.12学习

品优购学习

导航制作

dropdown里面有dt，dd两盒子：表面概括/实际下拉内容

根据占位原理，部分盒子不用移动

先把公共样式写完再写单独的

精灵图使用

 .mod_service ul li h5{
     float: left;
     margin-left: 20px;
     width: 50px;
     height: 50px;
     background: url(../images/icons.png) no-repeat -252px -3px;
     margin-right: 8px;
 }

dd*6>a快速生成含a的6个dd【便捷写法勿忘】

alt+shfit实现竖线多行选择

底部模块制作

版心里面3号盒子为mod_copyright 是版权模块。

主体模块制作

记住一般那种大图都是可以左右切换的，用ul>li来制作比较好

![image-20230112151952202](https://zcan-1316518233.cos.ap-guangzhou.myqcloud.com/imgall/a8.png

记住字体图标是\而不是/，还记得font-family说明

![](https://zcan-1316518233.cos.ap-guangzhou.myqcloud.com/imgall/a11.png

今日成果

好像还有个底部图片没显示...(忽略了）