web前端开发技术储久良第三版第8章练习与实验答案

web前端开发技术储久良第三版答案整理(1-9章)

练习8
1.选择题
(1)C (2)A (3)B (4)C (5)A
2.填空题
(1)<div></div>;id、class、style。
(2)top、height。
(3)z-index,position。
3.简答题

实验8
1、源代码:

实验8-1演示

<!-- exp_8_1.html -->
<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>新闻</title>
        <link href="exp_8_1.css" rel="stylesheet" type="text/css">
    </head>
    <body>
        <div id="d1">
            <img src="exp_8_1.jpg">
            <div id="d2">
                <ul>
                <li>2017<span class="b" >央视</span>综艺节目发力 彰显公益大爱</li>
                <li>继北京、上海后,2017年<span class="b">腾讯</span>视频推介会昨又在广州隆重举行</li>
                <li>“<span class="b">跨界融合 开放共赢</span>”移动互联网营销峰会</li>
                <li>首届<span class="it">“联建杯”</span>户外LED显示屏媒体大赛评审圆满落幕</li>
                </ul>
            </div>
        </div>
    </body>
</html>
/* exp_8_1.css */
#d1{
    width:600px;
    height:380px;
    background-color:Lime;
}
#d2{
    font-family:"幼圆";
    font-size:20px;
}
.b{
    font-weight:bold;
    text-decoration:underline;
    color:red;
}
.it{font-style:italic;font-size:24px;font-weight:bold;}源代码:

实验8-2演示

<!-- exp_8_2.html -->
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">  
<title>匾牌设计</title>
<style type="text/css">
body{text-align:center;}
#div0{width:800px;height:100px;
border:20px outset #ff0000;
padding:20px;
margin:100px;
}
p{font:italic bolder 70px/1.5em 隶书;
text-align:center;                  
background:#efedee;
}
</style>
</head>
<body>
<div id="div0" class="">
<p>海纳百川,有容乃大</p>
</div>
</body>
</html>
版权声明

弈心博客


首发 弈心博客,转载请附链接!

赞赏支持

感谢支持!


建站不易,感谢支持!

推荐阅读
web前端开发技术储久良第三版第1章练习与实验答案 ### [web前端开发技术储久良第三版答案整理(1-9章)](https://www.yixzm.cn/blog/367.html) 练习1 **1. 选择题** (1) B (2) B (3) B (4) D (5) A **2. 填空题** (1) 标记、文本 (2) Tim Berners-Lee(蒂姆·伯纳斯·李) (3) 查看 (4) NotePad、Edi
14399

web前端开发技术储久良第三版第17章练习与实验答案 ### [web前端开发技术储久良第三版答案整理(10-17章)](https://www.yixzm.cn/blog/368.html) 练习16 **1.选择题** (1) A (2) D (3) C (4) A (5) B (6) D (7) B (8) D (9) A (10) C **2.填空题** (1)context.drawImage(image,x,y
7934

web前端开发技术储久良第三版第16章练习与实验答案 ### [web前端开发技术储久良第三版答案整理(10-17章)](https://www.yixzm.cn/blog/368.html) 练习16 **1.选择题** (1) C (2) A (3) A (4) D (5) A (6) A (7) A (8) C (9) A (10) D (11) C **2.填空题** (1)length (2)random()、PI
8820

web前端开发技术储久良第三版第15章练习与实验答案 ### [web前端开发技术储久良第三版答案整理(10-17章)](https://www.yixzm.cn/blog/368.html) 练习15 **1.选择题** (1) C (2) D (3) A (4) B (5) A (6) D (7) A **2.填空题** (1) 事件处理代码。 (2) HTML属性的静态指定、JavaScript属性的动态绑定、特定对象的特定
11782

web前端开发技术储久良第三版第14章练习与实验答案 ### [web前端开发技术储久良第三版答案整理(10-17章)](https://www.yixzm.cn/blog/368.html) 练习14 **1.选择题** (1) A (2) C (3) B (4) C (5) C (6) A (7) D **2.填空题** (1) `` (2) 告
10541

web前端开发技术储久良第三版第13章练习与实验答案 ### [web前端开发技术储久良第三版答案整理(10-17章)](https://www.yixzm.cn/blog/368.html) 练习13 ** 1.选择题 ** (1)C (2)A (3)D (4)C (5)A (6)D (7)B (8)D (9)C (10)D (11)C (12)A ** 2.填空题 ** (1)input、list、id。 (2) sr
9829

web前端开发技术储久良第三版第12章练习与实验答案 ### [web前端开发技术储久良第三版答案整理(10-17章)](https://www.yixzm.cn/blog/368.html) ** 1.选择题 ** (1)D (2)C (3)B (4)C (5)A ** 2.填空题 ** (1)post、get (2)浏览器、服务器 (3)`
13244

web前端开发技术储久良第三版第11章练习与实验答案 ### [web前端开发技术储久良第三版答案整理(10-17章)](https://www.yixzm.cn/blog/368.html) 练习11 **1.选择题** (1)B (2)D (3)D (4)B (5)D (6)B **2.填空题** (1)`
`、 ``、`` (2) rowspan 、3、 Colspa
13680

web前端开发技术储久良第三版第10章练习与实验答案 ### [web前端开发技术储久良第三版答案整理(10-17章)](https://www.yixzm.cn/blog/368.html) 练习12 **1.选择题** (1)B (2)A (3)C (4)D (5)A **2.简答题** (1)略 (2) display: none让对象不显示,原来不存在。 display:block—作用是显示特定对象;visibility: visib
16056

web前端开发技术储久良第三版第9章练习与实验答案 ### [web前端开发技术储久良第三版答案整理(1-9章)](https://www.yixzm.cn/blog/367.html) 练习9 **1.选择题** (1) D (2) B (3) D (4) A (5) C **2.填空题** (1) text-indent;text-align:center; (2) background-repeat:repeat-x;bac
14452

web前端开发技术储久良第三版第8章练习与实验答案 ### [web前端开发技术储久良第三版答案整理(1-9章)](https://www.yixzm.cn/blog/367.html) 练习8 **1.选择题** (1)C (2)A (3)B (4)C (5)A **2.填空题** (1)`
`;id、class、style。 (2)top、height。 (3)z-index,position。 3.简答题 略 实验8 1
13474

web前端开发技术储久良第三版第7章练习与实验答案 ### [web前端开发技术储久良第三版答案整理(1-9章)](https://www.yixzm.cn/blog/367.html) 练习7 **1.选择题** (1) A (2) C (3) D (4) A (5) D (6) D **2.填空题** (1) id,class (2) link,href;style,@import url(“外部样式文件名”)
12096