第四章

最新推荐文章于 2019-03-23 17:21:00 发布

时刻的慌张

最新推荐文章于 2019-03-23 17:21:00 发布

阅读量413

点赞数

本文链接：https://blog.csdn.net/hcl430422hcl/article/details/83544773

版权

一.使用CSS制作网页有哪些优势？
1.语法简单,编写容易
CSS可以精确控制版面位置,网页配色并产生文字与图片物资,功能强大但是语法却很简单;
2.增加网页设计的弹性,让网页更容易维护
CSS语法与HTML分开编写,两者可以写在同一份网页文件中,也可以将CSS另存之后在HTML文件中调用.如果要调整网页样式,只需要改CSS语法就好,大大减少了更新网页的麻烦;
3.加快网页加载的速度
应用CSS样式之后,有些控制字型,段落的HTML标记可以从网页中删除,以减少程序代码的数量,程序代码越少,网页加载的速度就越快.
4.统一网站风格
网站内所有网页都可以应用同一份CSS样式表,这样,网页风格就能够轻松统一了.

二.使用<style>标签和style属性引入CSS样式有哪些相同点和不同点？
html头部用的style>标签的方式属于内联样式，而用style直接写在标签里面的样式属于行内样式，两者的相同点在于都可以达到修饰的作用，唯一不同点在于当出现相同属性后会以行内样式为准（例：行内样式和内联样式针对同一个标签同时出现背景色、高度、宽度等）这是由于行内样式的权重大于内联样式引起的

三.说明E F：nth-child(n)和E F:nth-of-type(n)两种选择器的区别和各自的使用场景。
E:nth-child(n)///选中父元素中第（n）个元素.若第n个元素为E则选中；若第n个不为E则不选中。n可以为2n（偶数）、2n+1（奇数）、等…
E:nth-of-type(n)///选中父元素中第（n）个为E的元素。n的取值同上。

四.制作北大青鸟总裁致辞页面。

标题使用标题签实现，字体大小为18px.
致敬正文字体大小为12px，页面中的数字均为加粗，红色字体。
页面中的年份斜体显示，字体大小为16px，字体颜色为蓝色。
使用外部样式表创建页面样式，页面样式体现高级选择器的应用。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>总裁致辞页面</title>
    <link href="common.css" rel="stylesheet" type="text/css"/>
    <style>
        h1{
        font-size:18px;
        }
        p{
            font-size: 12px;
        }
        p em{
            font-size: 16px;
            color: blue;
        }
        p strong{
            color: red;
        }
    </style>

</head>
<body>
<h1>总裁致辞</h1><hr/>
<img src="icon.jpg">
<p>
    目前北大青鸟IT教育全体系员工<strong>10000</strong>余名、授权培训中心<strong>180</strong>余家、合作院校<strong>500</strong>余所、覆盖全国90余座城市，市场占有率达到<strong>39.8%</strong>。<br/><br/>
    作为IT职业教育的先行者，北大青鸟IT教育创新的职业教育理念和业务经营模式得到了社会的广泛认可：国家人力资源和社会保障部与北大青鸟IT教育实施课程联合认证制度；公司两度入选中华人民共和国商务部评选的“中国连锁经营百强企业”，是迄今为止教育培训领域唯一上榜品牌。公司连续两年荣获 “中国服务业十大优秀特许品牌”称号，并获得中国特许经营协会颁发的中国连锁经营百强和中国特许经营年度大奖；获得新浪颁发的“中国教育杰出贡献奖”和“中国十大品牌教育集团”称号；并赢得 “中国IT公众认知企业金奖”、“本土最具知名度认证奖”、
    “最佳就业认同奖”、“质量放心用户满意双优品牌”、“最佳实用课程奖”等数十个奖项。人民日报、光明日报、经济日报、解放日报、中国青年报、中国计算机报等几十家权威媒体对公司进行了多方面的报道。<br/><br/>

    <em>2000年</em>，北大青鸟IT教育创造性地将特许经营模式引入到IT职业教育领域，在全国建立“北大青鸟APTECH计算机授权培训中心”。所有中心实行统一经营管理、严格保证教学质量，受到社会和业界的高度认可。发展速度之快、经营规模之大、学员人数之多，在全国众多IT职业培训机构中一枝独秀。成立至今，北大青鸟IT教育先后培养45万名学员进入IT行业。</strong>
</p>
</body>
</html>

在这里插入图片描述

五.制作员工团队风采页面。
1.标题使用标题标签实现字体大小为18px第一个标题的字体颜色为红色第二个标题：字体颜色为绿色。
2.页面字体大小为14px.
3.第一个标题下面的两张图片宽度为300px高度为200px。
4.最后一段文字的颜色为蓝色。
5."联系我们"等内容字体大小为14px颜色为#640000.
6.cSS 样式体现标签选择器。类选择器、ID选择器、层次选择器结构伪类选择器属性选择器。
7.使用外部样式表创是页面样式。完整页面显示效果请参考素材文件里的效果图。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>员工团队风采页面</title>
    <style>


        h1{
            font-size: 18px;
            color: red;

        }
        #h1{
            font-size: 18px;
            color: green;
        }

        body p:last-of-type{
        color: blue;
        }



        img{
            width: 300px;
            height: 200px;
        }



        a[href]{
            font-size: 14px;
            color: #640000;
        }

    </style>
</head>
<link rel="stylesheet" type="text/css" href="DJ4word5.css"/>
<body>
<p>
    <img src="recruit-01.jpg" alt=""/>
    <img src="recruit-02.jpg" alt=""/>
</p>
<p>北大青鸟始终以人才作为企业的核心资本。为了吸引、激励和保留优秀人才， 公司为员工提供完善的培训与发展体系，关注员工成<br/>长，同时在兼顾市场竞 争力和内部公平的基础上为员工提供全面、富有竞争力的薪酬福利体系。良好的企业发展前景、广阔的个人<br/>发展平台、快乐向上的工作环境，是青鸟人一直秉承的核心要素</p>
<h1>我们的管理团队</h1>
<p>
    <img src="recruit-03.jpg"   alt=""/>
    <img src="recruit-04.jpg"  alt=""/>
</p>
<p>北大青鸟始终以人才作为企业的核心资本。为了吸引、激励和保留优秀人才，公司为员工提供完善的培训与发展体系，关注员工成<br/>长，同时在兼顾市场竞争力和内部公平的基础上为员工提供全面、富有竞争力的薪酬福利体系。良好的企业发展前景、 广阔的个人<br/>发展平台、快乐向上的</p>
<h2 id="h1">我们的部门风采</h2>
<img src="recruit-05.jpg"  alt=""/>
<p>北大青鸟始终以人才作为企业的核心资本。为了吸引、激励和保留优秀人才，公司为员工提供完善的培训与发展体系，<br/>关注员工成长，同时在兼顾市场竞争力和内部公平的基础上为员工提供全面、富有竞争力的薪酬福利体系。良好的企业<br/>发展前景、 广阔的个人发展空间。</p>
<ul>
    <li><a href="http://www.bdqn.cn/page/contactus.shtml">联系我们</a></li>
    <li><a href="">关于我们</a></li>
    <li><a href="">版权声明</a></li>
    <li><a href="">招商加盟</a></li>
</ul> 

</body>
</html>

在这里插入图片描述