首页 yix 

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

19182

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>
版权声明

翼安博客


首发 翼安博客，转载请附链接！

赞赏支持

感谢支持！


建站不易，感谢支持！

推荐阅读
web开发技术栈（框架）总结
Bootstrap-Layui-Amazeui-jQuery-vue-react-AngularJS-ci-Thinkphp-Yii-Laravel-Node-Django-springMVC-apache-nginx-mysql-redis…… 天呐，好多…… 小编虽说出身工业软件，但心里一直藏着一个UI梦。近两年，小编业余时间从零开始摸索web开发，把web开发常用的技术和框
3476
web前端开发技术储久良第三版第6章练习与实验答案
### [web前端开发技术储久良第三版答案整理（1-9章）](https://www.yixzm.cn/blog/367.html) 练习6 **1.选择题** （1）D （2）A （3）D（4）B **2.填空题** （1）``、``，`` （2）border="0" （3）矩形；圆形；多边形。 3.简答题 （1）设置滚动空白空间就是指滚动文字背景和它周围文字及图像之间的空白空间范围。默认
13774
web前端开发技术储久良第三版第2章练习与实验答案
### [web前端开发技术储久良第三版答案整理（1-9章）](https://www.yixzm.cn/blog/367.html) 练习2 **1.选择题** (1) B (2) D (3) A (4) B (5) A (6) B **2.填空题** (1) html、htm，index.html、default.html (2) head、body (3) 单、双，双，开
14940
web前端开发技术储久良第三版答案整理（下：附录模拟试卷）
[web前端开发技术储久良第三版答案整理（下：附录模拟试卷）_诗和远方_弈心博客](https://www.yixzm.cn/blog/369.html) [web前端开发技术储久良第三版答案整理（中：10-17章）_诗和远方_弈心博客](https://www.yixzm.cn/blog/368.html) [web前端开发技术储久良第三版答案整理（上：1-9章）_诗和远方_弈心博客](ht
7640
web前端开发技术储久良第三版第5章练习与实验答案
### [web前端开发技术储久良第三版答案整理（1-9章）](https://www.yixzm.cn/blog/367.html) 练习5 **1.选择题** (1) D (2) C (3) B (4) C (5) B (6) A (7)B **2.填空题** (1) `href="mailto:someone@mail.com" ` (2) name、“#targe
5129
Web前端开发工程师面试（2020-9-15 面试笔试题目及回答思路指南）
面试题来自某互联网独角兽公司的前端开发工程师岗位面试记录，刚打听到的还很新鲜。 面试官和面试者小编都挺熟悉，所以内容具备一定参考价值。 面试中夹杂笔试，整个过程流程大体如下： ### 1 Q：简单做下自我介绍 A：这里是在问前端技术路线、技术面、技术成长规划，别有的没的讲一堆废话。 ### 2 Q：离职原因是什么？ A：这里是问你，哪些原因会导致你离职？你工作的不稳定因素有哪些？你
1857
Web前端开发工程师笔试题（2019-3-28 整理16道，含答案）
前端时间因工作需要，整理了一套笔试题。 网上有许多套题，重复的比较多。出于笔试时间考虑，本文摘取16道，包含了CSS基本使用、时间绑定、定时器、存储、ajax和框架原理等内容。 题目偏简单，覆盖知识点勉强算全面。如果有更好的题目，也欢迎补充。 放着这里，希望能给正在准备面试的朋友们带来一点点价值。 ### 1. 一个200x200的div在不同分辨率屏幕上下左右居中，用css实现： di
2415
web前端开发技术储久良第三版答案整理（中：10-17章）
[web前端开发技术储久良第三版答案整理（上：1-9章）](https://www.yixzm.cn/blog/367.html) [web前端开发技术储久良第三版答案整理（中：10-17章）](https://www.yixzm.cn/blog/368.html) [web前端开发技术储久良第三版答案整理（下：附录模拟试卷）](https://www.yixzm.cn/blog/369.h
19445
web前端开发技术储久良第三版答案整理（上：1-9章）
[web前端开发技术储久良第三版答案整理（上：1-9章）](https://www.yixzm.cn/blog/367.html) [web前端开发技术储久良第三版答案整理（中：10-17章）](https://www.yixzm.cn/blog/368.html) [web前端开发技术储久良第三版答案整理（下：附录模拟试卷）](https://www.yixzm.cn/blog/369.
28639
盘点央视94版三国演义刘备的励志语录【二】
“兄弟如手足，妻子如衣服，衣服破了尚可缝，手足断，安可再续？我三人桃园结义，不求同生，但愿同死啊！今虽丢了城池家小，安忍叫兄弟中道而亡？况且徐州本非我有，得何足喜，失何足忧？”“大丈夫行于乱世，当光明磊落，即使处于逆境，也当屈身守分，以行天时。不可与命抗争也！”上一期盘点了刘皇叔出场过的第一集《桃园结义》和第八集《三让徐州》，本期继续收集央视94版三国演义刘备的励志语录。上一期请看盘点央视94版三
5941
世风日下，想听一首曲子好难
前几天，身边朋友逛商城时感慨：“都什么年代了，还有卖MP3的，有人买么？”小编也没多想，随口回了句：”有吧，毕竟更专业，音质也相对更不错。“不想在几天后，一些事情让小编有了新的想法。记得上一次用MP3，已经是十多年前的事情了。那个时候，手机还是只能打电话发短信的功能机，街上还能随处看到网吧。那个时候，像听音乐，得去网吧下载到MP3播放器，然后才能在工作学习的时候有音乐听。记得在那个时候，街上还有商
2236
九型人格在线测试专业版_免费没有广告不用注册
本站的九型人格在线测试永久免费，没有广告，而且不用注册。九型，也称为九型性格、9型人格。本站测试能对九型人格测试结果做分析，测试结果对照图美观清晰。如果九型的测试结果自己看不懂，可以查阅结果下方的测试报告，甚至可以咨询入驻本站的九型解析专家。儿童版（90题）、通用版（144题）和专业版（180题）。以下是测试地址：儿童版（90题）儿童版共90题，题干简单易读，题目精炼，适合理解力、耐心尚未成熟的孩
2664