原创力文档- 1、本文档共14页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
考生姓名准考证号
2019年下半年Web前端开发初级实操考试
（考试时间14:00-16:30共150分钟）
1.本试卷共5道题，满分100分。
2.请在指定位置或开发环境下作答。
试题一（22分）
阅读下列说明、效果图和HTML代码，进行静态网页开发，填写（1）至（11）代码。
【说明】
这是某电商类网站服装商品展示页面局部，该网站正在促销秋冬季女装。现在我们需要
编写该网站效果图部分代码。
项目名称为shopping，包含首页index.html、css文件夹、img文件夹，其中，css文件
夹包含index.css文件；img文件夹包含img1.jpg、img2.jpg、img3.jpg、img4.jpg、img5.jpg
图片。
【效果图】
图1-1
【代码：首页index.html】
!DOCTYPEhtml
html
head
title商品展示/title
--
/head
body
!--根据上下文填入合适的标签--
（1）
li
第1页共14页
p微胖连衣裙/p
/li
li
p2019网红初秋女装/p
/li
li
p黑色休闲裤/p
/li
li
p韩版学生女装/p
/li
li
p原创设计女装/p
/li
/（2）
/div
/div
/body
/html
【代码：CSS文件index.css】
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd{
margin:0;
padding:0;
}
/*清理默认li样式*/
ul{
（3）:（4）;
}
/*显示为块级元素*/
img{
(5):(6);
}
/*清理左右浮动*/
.clear:after{
display:block;
（7）:（8）;
}
.box{
第2页共14页
width:100%;
}
.box.con{
width:1375px;
margin:0auto;
}
.box.conul{
padding-top:30px;
}
/*左浮动*/
.box.conulli{
（9）:（10）;
width:250px;
margin:022px22px0;
border:1pxsolid#eee;
}
.box.conulliimg{
margin:15pxauto0;
}
.box.conullip{
padding:15px;
}
/*设置鼠标移入添加红色边框*/
.box.conulli:（11）{
bor
文档评论（0）