《电子商务网页设计（第二版）》 课件项目十.pptVIP

（6）根据上面的方法在新建媒体项的下面再建立section中图片等比例变化类pic2，属性width为600px，height为777px。footer中图片等比例变化类pic3，属性width为600px，height为168px。设置完成后代码如下： @media screen and (max-width:800px){ .pic1 { width: 600px; height: 113px; } .pic2 { width: 600px; height: 777px; } .pic3 { width: 600px; height: 168px; } } 3 任务实施 （7）将CSS类添加到图像上，单击代码视图，在文件中找到图像定义的标记，如header下的图像car1.jpg,img src=images/car1.jpg width=790 height=150 alt= /在后面添加class=”pic1”。如下所示： img src=images/car1.jpg width=790 height=150 alt= class=pic1/ （8）同样方法为section、footer的图像添加类，代码如下： img src=images/car2.jpg width=790 height=1024 alt=class=pic2/ img src=ima