《HTML+CSS3+jQuery网页设计案例教程 习题答案 (刘培林)》由会员分享，可在线阅读，更多相关《HTML+CSS3+jQuery网页设计案例教程 习题答案 (刘培林)（23页珍藏版）》请在金锄头文库上搜索。
1、HTML+CSS3+jQuery网页设计案例教程习题答案0.1习题与工程实战1 .以下哪个元素不是块元素，不能独占一行？ （D）A. B. C. D.2 .以下哪种是HTML文档注释的写法？ （A）A.B./*/C./ D.3 .以下哪个不属于HTML文档的基本组成局部（A）A. B. C. D. 4 .以下哪段代码可以设置红色、宽度为Ipx的水平线？ （B）A.B.C.D.5 .以下哪个描述是正确的？ （D）A.HTML是结构标准 B.HTML是表现标准C.HTML是行为标准D.结构标准里不能出现样式定义6 .以下哪个描述是错误的？ （B）A.title元素描述文档的标题B. 元素不能定义搜
2、索引擎的信息C. 定义文档的编码方式为 utf-8meta charset=utf-8定义文档的编码方式为utf-87 . HTML的精确含义是什么？ （A）A.超文本标记语言（Hyper Text Markup Language）B.家庭工具标记语言（Home Tool Markup Language）C.超链接和文本标记语言（Hyperlinks and Text Markup Language）D.网页设计文本语言8 .以下哪个是Web标准的制定者？ （B）A.微软（Microsoft）B.万维网联盟（W3C）C.网景公司（Netscape）D.谷歌公司（Google）9 .在HTML中
3、，以下哪个是最大的标题？ （D）A. B. C. D. 6 .使用以下哪种样式设计能够在网页中实现两个元素的重叠效果？ （C）。A. z-index属性B.容器属性C.绝对定位与相对定位属性D.固定定位属性7 .HTML代码如下，哪个样式设置可以使文字置于图像上方？ （D） 文本v/div.textposition:absolute;z-index:-1;A. .textposition:relative;z-index:-l;.textposition:relative;z-idnex: 1;B. .textposition:absolute;z-index: 1;8 .以下代码段中关于z-
4、index属性的说法正确的选项是（C）。 .tipTextdisplay:none;position:absolute;z-index: 2;left:10px;top:36px;）div class=,tipText,ximg src=,tip.jpg,A. z-index属性值的值取值范围为0-100B.必须设置z-index属性，否那么会出现语法错误C.将z-index属性设置为2或-2效果是一样的D. z-index属性用于改变层的左右位置9 .使用无序列表定义导航菜单时，以下哪个属性可以定义菜单的叠放次序?（C）A. list-style B. padding C. z-index
5、D. float10 .以下哪个不是display属性的合法取值？ （A）A. invisible B. block C. inline D. inline-block11 . display属性取以下哪个值可以使元素不可见？ （D）A. .hidden B. block C. invisible D. none12 .参考例6-6,使用固定定位与子绝父相定位设计固定在头部的左右对齐扫一扫6-9,作业6-12参考代码扫一扫6-9,作业6-12参考代码下拉菜单，运行效果如图6-12所示，左菜单菜单项为“文件”“保存”，右菜单为“复制”、“粘贴”、“剪切”。c 下拉菜单x +L一玲。 127.0.
6、0.1:8848/ch6.仑 士复制中华人民共和国国旗是五星红旗，为左上角镶有壬 旗帜，旗帜图案中的四颗小五角星围绕在一颗大五角后粘贴 色的旗面象征革命，五颗五角星及其相互联系象征着中 人民的团结。该旗的设计者是曾联松，是一名来自浙2罚切图6； 固定在顶部的下拉菜单13 .使用子绝父相定位实现华为首页的选项卡页面。如图6-13所示。，畛 HUAWEI个人及家庭产品商用产品及方案服务支持合作伙伴与开发者关于华为穿戴笔记本智慧屏EMUI音频路由器EMUIVR全部产品HUAWEI Mate X2o:3消费者业务网站Ql华为商城a)(4 HUAWEI个人及家庭产品商用产品及方案服务支持合作伙伴与开发者
7、关于华为台在线购买Q产品服务运营商网络服务行业解决方案华为云行业解决方案热点话题智能体联接云与计茸运营商网络华为云维鹏通用计算产业企业网络服务电信行业5G,点企业无线计算昇腾AI计算产业华为云专业服务数字政府F5G,光联万物企业网络数据存储智慧园区自动驾驶网络企业光传送与接入机器视觉交通行业数字能源智能协作电力行业金融行业查看更多Q)_企业业务网站运营商业务网站(华为云网站Xb)图6-2华为首页选项卡页面a)选项卡1 b)选项卡2扫一扫6-10,作业6-14分析14 .分析图6-14ae所用到的定位技术。Q手机手机华为nova8壬机mate40HUAWEI Mate 30 RS致敬时代1299
8、9（噌送积分jHUAWEI Mate 30 RS致敬时代12999（噌送积分ja）D 购物车Q在线客服g自助服务b）c）d）图6-3定位技术应用a）搜索框b）顶部主菜单 c）右侧帮助菜单d）促销标志0.7习题与工程实战.以下哪个不可以作为float属性的取值？ （B）A. leftB. center C. rightD. none.以下哪个不可以作为clear属性的取值？ （B）A. leftB. center C. rightD. both.以下关于弹性布局的说法哪个是正确的？ （B）A.弹性布局可以实现自适应布局，浮动布局不能B.通过将display属性值设置为flex定义元素布局为弹性布
9、局C.元素弹性布局中flex属性值必须设置D.弹性布局元素默认换行1 .以下关于清除浮动的说法哪个是正确的？ （C）A.只能使用clear属性清除浮动对元素的影响B.隔墙法清除浮动时父级元素的高度必须和浮动元素一样C.伪元素清除浮动是额外元素清除浮动的一种应用D.使用clear属性清除浮动时必须将clear属性设置在待清除浮动影响的 元素上5 .将justify-content属性设置为以下哪个值可以使元素分散对齐？ （D）A. center B. justify C. space-between D. space-between6 .弹性布局中，以下哪个不是容器的属性？ （C）A. just
10、ify-content B. align-items C. flex D. flex-wrap7 .弹性布局中，以下哪个不是工程的属性？ （D）A. order B. flex C. align-self D. align-items8 .以下关于flex说法正确的选项是（A）flex属性用于指定弹性子元素如何分配空间A. flex:l应该写在弹性元素上C.设置flex:l无意义D. flex是指设置固定位置.某数据监控系统的运行界面如图7-14所示，请分析其界面布局，并用浮 动盒子进行布局设计。Python Web开发课程数据概览当胸旬:2021年5月18-104粉42秒1各单元在期末考核中
11、分值占比单元试期）3805点击学习次数LJr1LJr-iJ图7.1数据监控系统运行界面软件31931 班-e-SR件31932s01 03 05 07 09 11 13 15 17 19 21 23 25 27 29Python Web每周作业题量辘 URL分发镜里使用awa 模板好 = L各寸比软件31931殂 软件31932班Lr500分析可以发现这是一个三行的界面。第二行有三列，第一列有三行，第二列 有一行，第三列有三行，第一行和最后一行只有一列。抽象后界面效果如7-15 所示。ID D 127.0Q.1:8848/ch7 厚 统，X +ID D 127.0Q.1:8848/ch7 厚
12、统，X +XO 127.0.0.1:8848/ch7朦监控系统布局.html 图7-2数据监控系统布局图实现代码如下。.boxll,.box31 background-color: powderblue;).boxl2,.box32 background-color: blue;).boxl3,.box33 background-color: greenyellow;).boxlr width: 100%;height: 180px;).boxl,.box3,.box2 /*设置元素宽度，高度，外边距*/width: 20%;height: 540px;margin: 4px;/*设置元素边框
13、计算在元素尺寸里*/ box-sizing: border-box;/*设置元素左浮动*/float: left;).box2 /*利用样式层叠性重新设置元素.box2宽度*/width: 58%;).box3 /*利用样式层叠性重新设置元素上ox3右浮动*/float: right;).box21 /*设置元素大小与背景色*/background-color: pink;height: 80px;width: 100%;).box22 /*设置元素大小与背景色*/background-color: plum;height: 460px;width: 100%;).boxO /*设置元素大小与外边距*/width: 99%;height: 60px;margin: 5px;/*设置元素文本颜色，居中对齐*/color: white;text-align: center;/*设置元素行高与元素高度一样,使元素垂直居中对齐*/ line-height: 60px;/*设置元素边框计算在元素尺寸里*/box-si
