第四章 初识CSS3

1,制作北大青鸟总裁致辞页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>总裁致辞</title>
    <style>
        h2{font-size: 18px}
        body p{font-size: 12px}
        .red{color: red}
        .p{font-style: italic;
         font-size: 16px;
            color: blue;
        }
    </style>

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

2,制作员工团队风采页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>员工团队风采页面</title>
    <style>
        h2{/*h2标签字体
        */
            font-size: 18px;
        }
        h2:nth-of-type(1){/*
        h2第一个标签字体颜色
        */
            color: red;
        }
        h2:nth-of-type(2){/*
        h2第二个标签字体颜色
        */
            color: green;
        }
        #p{font-size: 14px;/*
        id选择器字体颜色
        */
            color: #640000;
        }
       .h2{/*
       类选择器图片尺寸
        */
            width: 300px;
            height: 200px;
        }
        p:last-of-type{color: blue
            /*p标签下最后段落字体颜色
            */
        }
        .p1{/*
       类选择器字体大小及颜色
        */
            font-size: 14px;
            color: #640000;
        }

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

猜你喜欢

转载自blog.csdn.net/jiangmye/article/details/80709348