HTML5和CSS3开发电子商务网站第四章习题

h1{
    font-size: 18px;
}

p{
    font-size: 12px;

}

strong{
    color: red;
}

em{
    font-size: 16px;
     color: blue;
}

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

/*层次选择器*/
body h2{
    font-size: 18px;
}
/*结构伪类选择器*/
h2:nth-of-type(1){
    color: red;
}
/*结构伪类选择器*/
h2:nth-of-type(2){
    color: green;
}
/*结构伪类选择器*/
body img:nth-of-type(3){
    width: 300px;
    height: 200px;
}
/*类选择器*/
.g4{
    width: 300px;
    height: 200px;
}
/*ID选择器*/
#g2{
    color: blue;
}
/*标签选择器*/
p{
    font-size: 14px;
}
/*属性选择器*/
a[href*='#']{
      font-size: 14px;
    color:#640000;
}

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

HTML5和CSS3开发电子商务网站 第四章习题

猜你喜欢

HTML5和CSS3开发电子商务网站第四章习题