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

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

练习9 1.选择题 (1) D (2) B (3) D (4) A (5) C 2.填空题 (1) text-indent;text-align:center; (2) background-repeat:repeat-x;background-position。 (3) red或RGB(100%,0,0)、rgb(255,0,0)、#FF0000、#F00 (4) 边框为2像素、双实线、红色。 3.问答题 见教材。 实验9 1、源代码:实验9-1演示

------------------- exp_9_1.html -----------------
<!-- ex_9_1.html -->
<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
        <title>CSS+div</title>
        <style type="text/css">
            body{
                margin:0;   
            }
            #wrap{
                width:900px;
                margin:0 auto;  
                border:solid 2 red;
                margin-top:5px;
            }
            div{
                text-align:center;
            }
            #pic{
                width:420px;
                height:300px;
                background-image:url(ex8.jpg);
                background-repeat:no-repeat;
                background-position:center;
                float:left;
                background-color:#77A;
            }
            #text{
                background-image:url(ex8.jpg);
                width:420px;    
                height:500px;
                float:right;
                background-color:#77A;
                padding:10px;
                font-weight:bold;

            }
            #title{
                font-family:"华文彩云"  ;
                font-size:32px;
            }
            #author{
                font-size:12px; 
                font-family:"黑体";
                text-align:right;
                margin-bottom:24px;
            }
            p{
                font-family:"隶书";
                font-size:24px;
                margin:2px;
                letter-spacing:0.5em;   
                line-height:1.5em;
                text-align:center;
            }
        </style>
    </head>
    <body>
        <div id="wrap">
            <div id="pic"></div>
            <div id="text">
                <div id="title">木兰花令.拟古决绝词</div>
                <div id="author">纳兰性德</div>
                <div id="content">
                    <p>人生若只如初见,</p>
                    <p>何事秋风悲画扇。</p>
                    <p>等闲变却故人心,</p>
                    <p>却道故心人易变。</p>
                    <p>骊山雨罢清宵半,</p>
                    <p>泪雨霖铃终不怨。</p>
                    <p>何如薄幸锦衣郎,</p>
                    <p>比翼连枝当日愿。</p>
                </div>
            </div>
        </div>
    </body>
</html>

2. 实验9-2演示

<!-- exp_9_2.html -->
<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
        <title>Head Line</title>
        <style type="text/css">
            h1{
                background:#678;
                color:white;
                text-align:center;  
            }
            p{
                font-family:Arial;
                font-size:16px;
                line-height:1.5em;  
            }
            .firstLetter{
                font-size:3em;
                float:left; 
            }
            img{
                border:dashed 1px gray;
                margin:10px 10px 10px 0;
                padding:5px;
                float:left; 
            }
        </style>
    </head>
    <body>
        <h1>Head Line</h1>
        <img src="cup.jpg"/>
        <p><span class="firstLetter">M</span>obile Widget使用的标准的Web技术,如HTML,CSS,javascript等。这些经典的Web技术规范是由W3C(万维网联盟)的下属各个工作组制定并推进的。作为开发Widget之前的知识准备,在本章中我们将逐一介绍这些技术。
    </body>
</html>
版权声明

弈心博客


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

赞赏支持

感谢支持!


建站不易,感谢支持!

推荐阅读
盘点央视94版三国演义刘备的励志语录【二】 “兄弟如手足,妻子如衣服,衣服破了尚可缝,手足断,安可再续?我三人桃园结义,不求同生,但愿同死啊!今虽丢了城池家小,安忍叫兄弟中道而亡?况且徐州本非我有,得何足喜,失何足忧?”“大丈夫行于乱世,当光明磊落,即使处于逆境,也当屈身守分,以行天时。不可与命抗争也!”上一期盘点了刘皇叔出场过的第一集《桃园结义》和第八集《三让徐州》,本期继续收集央视94版三国演义刘备的励志语录。上一期请看盘点央视94版三
4702

世风日下,想听一首曲子好难 前几天,身边朋友逛商城时感慨:“都什么年代了,还有卖MP3的,有人买么?”小编也没多想,随口回了句:”有吧,毕竟更专业,音质也相对更不错。“不想在几天后,一些事情让小编有了新的想法。记得上一次用MP3,已经是十多年前的事情了。那个时候,手机还是只能打电话发短信的功能机,街上还能随处看到网吧。那个时候,像听音乐,得去网吧下载到MP3播放器,然后才能在工作学习的时候有音乐听。记得在那个时候,街上还有商
1722

九型人格在线测试专业版_免费没有广告不用注册 本站的九型人格在线测试永久免费,没有广告,而且不用注册。九型,也称为九型性格、9型人格。本站测试能对九型人格测试结果做分析,测试结果对照图美观清晰。如果九型的测试结果自己看不懂,可以查阅结果下方的测试报告,甚至可以咨询入驻本站的九型解析专家。儿童版(90题)、通用版(144题)和专业版(180题)。以下是测试地址:儿童版(90题)儿童版共90题,题干简单易读,题目精炼,适合理解力、耐心尚未成熟的孩
2042

web前端开发技术储久良第三版答案整理(下:附录模拟试卷) web前端开发技术储久良第三版答案整理(下:附录模拟试卷)_诗和远方_弈心博客web前端开发技术储久良第三版答案整理(中:10-17章)_诗和远方_弈心博客web前端开发技术储久良第三版答案整理(上:1-9章)_诗和远方_弈心博客第3版-附录A_模拟试卷1_参考答案附录A模拟试卷参考答案一、选择题(每题1分,共30分)题号12345678910答案ADBBDCDADD题号1112131415161
2106

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(“外部样式文件名”)
13384

web前端开发技术储久良第三版第8章练习与实验答案 web前端开发技术储久良第三版答案整理(1-9章)练习81.选择题(1)C(2)A(3)B(4)C(5)A2.填空题(1)<div></div>;id、class、style。(2)top、height。(3)z-index,position。3.简答题略实验81、源代码:实验8-1演示<!--exp_8_1.html--><!doctypehtml>
15058

web前端开发技术储久良第三版第6章练习与实验答案 更多资源需求欢迎联系站长获取~web前端开发技术储久良第三版答案整理(1-9章)练习61.选择题(1)D(2)A(3)D(4)B2.填空题(1)、,``(2)border="0"(3)矩形;圆形;多边形。3.简答题(1)设置滚动空白空间就是指滚动文字背景和它周围文字及图像之间的空白空间范围。默认情况下,滚动对象周围的文字或图像是与滚动背景紧密连接的,使用hspace和vspac
11068

web前端开发技术储久良第三版第4章练习与实验答案 web前端开发技术储久良第三版答案整理(1-9章)练习41.选择题(1)C(2)D(3)B(4)B(5)C(6)D2.填空题(1)添加列表项值(2)无序列表、有序列表(3)start、整形数值、value3.问答题见教材。实验41.代码实验4-1演示<!--exp_4_1.html实验4-1--><!doctypehtml><htmllang="en"><
11531

一代侠医肖汉兴的励志人生 一代侠医肖汉兴的励志人生从医有一人,诞生于中华风雨飘渺之际,父辈给予厚望,故取名汉兴。肖汉兴年幼时聪慧好学,七岁入私塾,原本要走科举之路。但在他十一岁那年,科举废除,于是学医。仅两年后,十三岁的他即可切脉问诊,人称小先生。民国十四年,肖汉兴通过军医考核,成为吴佩孚部军医。民国十六年,吴佩孚北伐战争失败,余部四散。肖汉兴回乡务农。不久,进入马鸿宾部队任上尉军医。亡命江湖民国二十二年,马鸿宾屯垦屯田,
2464

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

web前端开发技术储久良第三版第2章练习与实验答案 web前端开发技术储久良第三版答案整理(1-9章)练习21.选择题(1)B(2)D(3)A(4)B(5)A(6)B2.填空题(1)html、htm,index.html、default.html(2)head、body(3)单、双,双,开始(首)、结束(尾)(4)头部(head)、主体(body)。Body、head(5)严格型(Strict)、过渡型(Transitional)、框架型(Fram
12357

索隆经典语录_海贼王onepiece名言名句经典台词摘抄 1我要成为世界第一大剑豪,你有意见吗,海贼王!2路飞,我,还会变得更强!3我不是天生的王者,但我骨子里流着不让我低头的血。4不能为兄弟打人,就为兄弟挨打。5路飞,你要是死了,我就杀了你。6我曾向他许下承诺,要变得更强,去达到我的梦想,并让他成为海贼王!7灾难总是接踵而至,这正是世间的常理。你以为只要解释一下,就有谁会来救你吗?要是死了,就只能说明我不过是如此程度的男人。8那真可惜了,我从来就没有向
4556