课后作业
1.使用CSS制作网页有哪些优势？
CSS3的优势:内容和表现分离，表现统一，丰富的样式，减少网页的代码量，运用独立于页面的CSS
2.使用<style>标签和style属性引入CSS样式有哪些相同点和不同点？
html头部用的<style>标签的方式属于内联样式，而用style直接写在标签里面的样式属于行内样式，两者的相同点在于都可以达到修饰的作用，唯一不同点在于当出现相同属性后会以行内样式为准（例：行内样式和内联样式针对同一个标签同时出现背景色、高度、宽度等）这是由于行内样式的权重大于内联样式引起的
3.说明E F:nth-child(h)和E F:nth-of-type(n)两种选择器的区别与各自的使用场景
E F:nth-child(n)是指父元素下第n个元素且这个元素为E F，若不是，则选择失败
E F:nth-of-type(n)是指元素下第n个E F元素
4.制作北大青鸟总裁致辞页面，要求用CSS3实现
HTML页面:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>总裁致辞页面</title>
<link rel="stylesheet" type="text/css" href="css/效果图.css" />
</head>
<body>
<h1>总裁致辞</h1>
<hr />
<p>
<img src="img/icon.jpg" title="高管团队" alt="高管团队" />
</p>
<p>
目前北大青鸟IT教育全体系员工<span>10000</span>余名、授权培训中心<span>180</span>余家、合作院校<span>500</span>余所、覆盖全国<span>90</span>余座城市，市场占有率<br />
达到<span>39.8</span>%。
</p>
<p>
作为IT职业教育的先行者，北大青鸟IT教育创新的职业教育理念和业务经营模式得到了社会的广泛认可：国家人力资源和社<br />
会保障部与北大青鸟IT教育实施课程联合认证制度；公司两度入选中华人民共和国商务部评选的“中国连锁经营百强企<br />
业”，是迄今为止教育培训领域唯一上榜品牌。公司连续两年荣获 “中国服务业十大优秀特许品牌”称号，并获得中国特许<br />
经营协会颁发的中国连锁经营百强和中国特许经营年度大奖；获得新浪颁发的“中国教育杰出贡献奖”和“中国十大品牌教<br />
育集团”称号；并赢得 “中国IT公众认知企业金奖”、“本土最具知名度认证奖”、“最佳就业认同奖”、“质量放心用户<br />
满意双优品牌”、“最佳实用课程奖”等数十个奖项。人民日报、光明日报、经济日报、解放日报、中国青年报、中国计算<br />
机报等几十家权威媒体对公司进行了多方面的报道。
</p>
<p>
<em>2000</em>年，北大青鸟IT教育创造性地将特许经营模式引入到IT职业教育领域，在全国建立“北大青鸟APTECH计算机授权培<br />
训中心”。所有中心实行统一经营管理、严格保证教学质量，受到社会和业界的高度认可。发展速度之快、经营规模之大、<br />
学员人数之多，在全国众多IT职业培训机构中一枝独秀。成立至今，北大青鸟IT教育先后培<span>45</span>万名学员进入IT行业。
</p>
</body>
</html>
CSS样式:
h1{
font-size: 18px;
}
p{
font-size: 12px;
}
span{
font-weight: bold;
color: red;
}
em{
font-size: 16px;
color: blue;
}
5.制作员工团队风采页面，页面要求用CSS3实现
HTML代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>员工团队风采页面</title>
<link rel="stylesheet" type="text/css" href="css/效果图2.css" />
</head>
<body>
<header>
<img src="img/recruit-01.jpg" />
<img src="img/recruit-02.jpg" />
</header>
<p>
北大青鸟始终以人才作为企业的核心资本。为了吸引、激励和保留优秀人才，公司为员工提供完善的培训与发展体系，关注员工成<br /> 长，同时在兼顾市场竞争力和内部公平的基础上为员工提供全面、富有竞争力的薪酬福利体系。良好的企业发展前景、 广阔的个人<br /> 发展平台、快乐向上的工作环境，是青鸟人一直秉承的核心要素
</p>
<h1 class="a">我们的管理团队</h1>
<img src="img/recruit-03.jpg" class="img" />
<img src="img/recruit-04.jpg" class="img" />
<p>
北大青鸟始终以人才作为企业的核心资本。为了吸引、激励和保留优秀人才，公司为员工提供完善的培训与发展体系，关注员工成<br /> 长，同时在兼顾市场竞争力和内部公平的基础上为员工提供全面、富有竞争力的薪酬福利体系。良好的企业发展前景、 广阔的个人<br /> 发展平台、快乐向上的
</p>
<h1 class="b">我们的团队风采</h1>
<p class="c">
北大青鸟始终以人才作为企业的核心资本。为了吸引、激励和保留优秀人才，公司为员工提供完善的培训与发展体系，关注员工成<br /> 长，同时在兼顾市场竞争力和内部公平的基础上为员工提供全面、富有竞争力的薪酬福利体系。良好的企业发展前景、 广阔的个人<br /> 发展空间。
</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>
CSS样式:
h1{
font-size: 18px;
}
.a{
color: red;
}
.b{
color: green;
}
.c{
color: #0000FF;
}
p{
font-size: 14px;
}
.img{
width: 300px;
height: 200px;
}
a{
font-size: 14px;
color: #640000;
}