初识css3 第四章

第一题：制作北大青鸟总裁致辞页面。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>总裁致辞页面</title>
    <style>
        h3{
            font-size: 18px;
        }
        p{
            font-size: 12px;
        }
        .a{
          color: #FF0000;
        }
        .b{
            font-size: 16px;
            color: blue;
        }
    </style>
</head>
<body>
<h3>总裁致辞</h3>
<hr>
<img src="../../picture/icon.jpg" width="176" height="108"/>
<p>目前北大青鸟IT教育全体系员工<strong class="a">10000</strong> 余名、授权培训中心<strong class="a">180</strong> 余家、合作院校<strong class="a">500</strong> 余所、覆盖全国<strong class="a">90</strong> 余座城市，市场占有率达到<strong class="a">39.8</strong> %。</p>
<p>
    作为IT职业教育的先行者，北大青鸟IT教育创新的职业教育理念和业务经营模式得到了社会的广泛认可：国家人力资源和社<br>
    会保障部与北大青鸟IT教育实施课程联合认证制度；公司两度入选中华人民共和国商务部评选的“中国连锁经营百强企<br>
    业”，是迄今为止教育培训领域唯一上榜品牌。公司连续两年荣获 “中国服务业十大优秀特许品牌”称号，并获得中国特许<br>
    经营协会颁发的中国连锁经营百强和中国特许 经营年度大奖；获得新浪颁发的“中国教育杰出贡献奖”和“中国十大品牌教，<br>
    育集团”称号；并赢得 “中国IT公众认知企业金奖”、“本土最具知名度认证奖”、“最佳就业认同奖”、“质量放心用户<br>
    满意双优品牌”、“最佳实用课程奖”等数十个奖项。人民日报、光明日报、经济日报、解放日报、中国青年报、中国计算<br>
    机报等几十家权威媒体对公司进行了多方面的报道。
</p>
<p>
    <em class="b">2000</em> 年，北大青鸟IT教育创造性地将特许经营模式引入到IT职业教育领域，在全国建立“北大青鸟APTECH计算机授权培,<br>
    训中心”。所有中心实行统一经营管理、严格保证教学质量，受到社会和业界的高度认可。发展速度之快、经营规模之大、<br>
    学员人数之多，在全国众多IT职业培训机构中一枝独秀。成立至今，北大青鸟IT教育先后培养<strong class="a">45</strong> 万名学员进入IT行业。
</p>
</body>
</html>

第二题：制作员工团队风采页面。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>员工团队风采页面</title>
    <style>
        h3 {/*标签选择器*/
            font-size: 18px;
        }
        h3:nth-of-type(1){
            color: #FF0000;
        }
        h3:nth-of-type(2){
            color: #009900;
        }
        .A{font-size: 14px}/*类选择器*/
        .C{
            width: 300px;
            height: 200px;
        }/*类选择器*/
        p:last-of-type{color: blue
           /*p标签下最后段落字体颜色 */

        }

        #B{
            font-size: 14px;
            color: #640000;/*id选择器*/
        }
    </style>
</head>
<body>
<img src="../picture/recruit-01.jpg" >
<img src="../picture/recruit-02.jpg">
<p class="A">
    北大青鸟始终以人才作为企业的核心资本。为了吸引、激励和保留优秀人才，公司为员工提供完善的培训与发展体系，关注员工成<br>
    长，同时在兼顾市场竞争力和内部公平的基础上为员工提供全面、富有竞争力的薪酬福利体系。良好的企业发展前景、 广阔的个人<br>
    发展平台、快乐向上的工作环境，是青鸟人一直秉承的核心要素
</p>
<h3>我们的管理团队</h3>

    <img src="../picture/recruit-03.jpg" class="C">
    <img src="../picture/recruit-04.jpg" class="C">
<p class="A">
    北大青鸟始终以人才作为企业的核心资本。为了吸引、激励和保留优秀人才，公司为员工提供完善的培训与发展体系，关注员工成长<br>，同时在兼顾市场竞争力和内部公平的基础上为员工提供全面、富有竞争力的薪酬福利体系。良好的企业发展前景、 广阔的个人发展平<br>台、快乐向上的
</p>
<h3>我们的部门风采</h3>
<img src="../picture/recruit-05.jpg">
<p class="A">
        北大青鸟始终以人才作为企业的核心资本。为了吸引、激励和保留优秀人才，公司为员工提供完善的培训与发展体系，关注员工成长<br>，同时在兼顾市场竞争力和内部公平的基础上为员工提供全面、富有竞争力的薪酬福利体系。良好的企业发展前景、 广阔的个人发展空间。
</p >
<ul id="B">
    <a href="#"><li>联系我们</li></a>
    <a href="#"><li>关于我们</li></a>
    <a href="#"><li>版权声明</li></a>
    <a href="#"><li>招商加盟</li></a>
</ul>
</body>
</html>

猜你喜欢