2.5作业

1.使用font-family 属性,同时设置英文字体和中文字体时需要注意什么问题?

英文字体写在前面,中文的写在后面

2.在CSS中,常见的背景属性有哪些,他们的作用是什么?

background 在一个声明中设置所有的背景属性。
background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动。
background-color 设置元素的背景颜色。
background-image 设置元素的背景图像。
background-position 设置背景图像的开始位置。
background-repeat 设置是否及如何重复背景图像。
background-clip 规定背景的绘制区域。
background-origin 规定背景图片的定位区域。
background-size 规定背景图片的尺寸。

3.

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>北大青鸟课程介绍页面</title>
    <link href="css/5.3.css" rel="stylesheet" type="text/css"/>
</head>
<body>
    <div id="bdqn">

    <img src="image/title.gif"/><br/>

    <img src="image/img_01.png"/>
    <div class="first">
        <span>逆向课程设计:</span> 以企业需求决定课程设计内容,确保训练内容及深度和企业需求一致<br/>
        <span>模拟学员学习路线:</span> 强调难点和复杂技能点的反复训练,力求学习效果和学习体验<br/>
        <span>互联网作为教学环境: </span> 学员的日常教学和训练均在互联网线上进行<br/>
        <span>学习挡板监控网上学习效果:</span> 每个学习阶段设置线上线下测试,严密监控学习效果<br/>
        <span>真实开发项目经验积累:</span> 采用专业互联网企业提供的真实项目作为模拟开发
    </div>

    <img src="image/img_02.png"/>
        <div class="last">
            <span>【实用性】――</span> 以就业岗位需求为导向,重点讲解企业80%的时间在使用的20%的技术<br/>
            <span>【权威性】――</span> 与来自百度等知名企业的专家联合开发<br/>
            <span>【专业性】――</span> 引进业内资深人才和典型行业开发项目<br/>
            <span>【真实性】――</span> 在互联网真实环境下进行教学和训练<br/>
            <span>【易学性】――</span> 在线培训模式,24小时专家在线解答疑难问题<br/>
            <span>【完整性】――</span> 利用SNS虚拟社区:学习、人脉双丰收
        </div>
    </div>
</body>
</html>

4.

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>初相遇</title>
    <link href="css/5.4.css" rel="stylesheet" type="text/css"/>
</head>
<body>
    <div id="all">
    <h1>初相遇 &nbsp;&nbsp;&nbsp;&nbsp;<span>文/席慕容</span></h1>
        <p>
        <span class="first">美</span>
        丽的梦和美丽的诗一样,都是可遇而不可求的,常常在最没能料到的时刻里出现。
        </p>

        <p>
        我喜欢那样的梦,在梦里,一切都可以重新开始,一切都可以慢慢解释,心里甚至还能感觉到,所有被浪费的时光竟然都能重回时的狂喜与感激。
        <span class="middle">胸怀中满溢着幸福,只因你就在我眼前</span>,
        对我微笑,一如当年。
        </p>

        <p class="last">
        我喜欢那样的梦,明明知道你已为我跋涉千里,却又觉得芳草鲜美,落落英缤纷,好像你我才初相遇。
        </p>
    </div>
</body>
</html>

5.

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>淘宝女装分类页面</title>
    <link href="css/5.5.css" rel="stylesheet" type="text/css"/>
</head>
<body>
    <div id="all">
        <ul>
            <li>
                <h3 class="set01">夏季流行</h3>
                <hr/>
                <div class="li">
                    <a href="#">夏季新品</a>
                    <a href="#">雪纺裙</a>
                    <a href="#">短袖T</a>
                    <a href="#">铅笔裤</a>
                    <a href="#">短裤</a>
                    <a href="#">短袖衬衫</a>
                    <a href="#">小脚牛仔裤</a>
                    <a href="#">开衫</a>
                    <a href="#">蕾丝/雪纺衫</a>
                    <a href="#">韩版外套</a>
                    <a href="#">小西装</a>
                 <a href="#">中长款裙</a>
                </div>
            </li>

            <li>
                <h3 class="set02">上装</h3>
                <hr/>
                <div class="li">
                    <a href="#">T恤</a>
                    <a href="#">衬衫</a>
                    <a href="#">针织衫</a>
                    <a href="#">长袖T</a>
                    <a href="#">韩版T</a>
                    <a href="#">情侣衫</a>
                    <a href="#">雪纺衬衫</a>
                    <a href="#">韩版衬衫</a>
                    <a href="#">防晒衣</a>
                    <a href="#">休闲套装</a>
                    <a href="#">卫衣</a>
                    <a href="#">背心/吊带</a>
                </div>
            </li>

            <li>
                <h3 class="set03">裙子</h3>
                <hr/>
                <div class="li">
                    <a href="#">连衣裙</a>
                    <a href="#">半身裙</a>
                    <a href="#">长裙</a>
                    <a href="#">短袖裙</a>
                    <a href="#">蕾丝连衣裙</a>
                    <a href="#">长袖裙</a>
                    <a href="#">无袖/背心裙</a>
                    <a href="#">A字裙</a>
                    <a href="#">牛仔裙</a>
                    <a href="#">半身中长裙</a>
                    <a href="#">半身短裙</a>
                    <a href="#">包臀裙</a></div>
            </li>

            <li>
                <h3 class="set04">裤子</h3>
                <hr/>
                <div class="li">
                    <a href="#">裤子</a>
                    <a href="#">休闲裤</a>
                    <a href="#">牛仔裤</a>
                    <a href="#">打底裤</a>
                    <a href="#">长裤</a>
                    <a href="#">哈伦裤</a>
                    <a href="#">阔腿裤</a>
                    <a href="#">短裤/热裤</a>
                    <a href="#">连体裤</a>
                    <a href="#">七/九分裤</a>
                    <a href="#">牛仔短裤</a>
                    <a href="#">西装裤</a></div>
            </li>

            <li>
                <h3 class="set05">其他女装</h3>
                <hr/>
                <div class="li">
                    <a href="#">胖M装</a>
                    <a href="#">中老年</a>
                    <a href="#">婚纱</a>
                    <a href="#">礼服</a>
                    <a href="#">旗袍</a>
                    <a href="#">夜店</a>
                    <a href="#">舞台装</a>
                    <a href="#">唐装</a>
                    <a href="#">职业装</a>
                    <a href="#">全球购</a>
                    <a href="#">羊绒衫</a>
                    <a href="#">毛衣</a>
                    <a href="#">呢大衣</a>
                    <a href="#">羽绒服</a>
                    <a href="#">真皮皮衣</a>
                </div>
            </li>
        </ul>

    </div>
</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值