HTML5和CSS3开发第四章课后作业
1.制作图4.35所⽰的北⼤青鸟总裁致辞页⾯，页⾯要求如下。
>标题使⽤标题标签实现，字体⼤⼩为18px。
>致辞正⽂字体⼤⼩为12px，页⾯中的数字均为加粗、红⾊字体。
>页⾯中的年份斜体显⽰，字体⼤⼩为16px.字体颜⾊为蓝⾊。
>使⽤外部样式表创建页⾯样式，页⾯样式体现⾼级选择器的应⽤
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>总裁致辞页⾯</title>
<link rel="stylesheet" href="Homework4.css" type="text/css">
</head>
<body>
<h3>总裁致辞</h3>
<hr/>
<p><img src="images/icon.jpg"/></p>
<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>
h3{
font-size: 18px;
}
p{
font-size: 12px;
}
p strong{
color: red;
}
p em{
font-size: 16px;
color: blue;
}
2.制作图436所⽰的员⼯团队风采页⾯页⾯要求如下。
>标题使⽤标题标签实现字体⼤⼩为18px第⼀个标题的字体颜⾊为红⾊第⼆个标题：字体颜⾊为绿⾊。
>页⾯字体⼤⼩为14px.>第⼀个标题下⾯的两张图⽚宽度为300px⾼度为200px。
>最后⼀段⽂字的颜⾊为蓝⾊。
>""等内容字体⼤⼩为14px颜⾊为#640000.
>cSS 样式体现标签选择器。类选择器、ID选择器、层次选择器结构伪类选择器属性选择器。
>使⽤外部样式表创是页⾯样式。完整页⾯显⽰效果请参考素材⽂件⾥的效果图。
h3{
font-size: 18px;
}
h3:nth-of-type(1){
h3:nth-of-type(1){
color: red;
}
h3:nth-of-type(2){
color: green;
css 属性选择器
}
body{
font-size: 14px;
}
body h3:first-of-type+p img{
width: 300px;
height: 200px;
}
body p:last-of-type{
color: blue;
}
li a{
font-size: 14px;
color: #640000;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>员⼯团队风采页⾯</title>
<link href="Homework5.css" rel="stylesheet" type="text/css">
</head>
<body>
<p>
<img src="images/recruit-01.jpg">
<img src="images/recruit-02.jpg">
</p>
<p>
北⼤青鸟始终以⼈才作为企业的核⼼资本。为了吸引、激励和保留优秀⼈才，公司为员⼯提供完善的培训与发展体系，关注员⼯成长，同时在兼顾市场竞争⼒和内部公平的基础上为员⼯提供全⾯、富有竞争⼒的薪酬福利体系。良好的企业发展前景、⼴阔的个⼈发展平台、快乐向上的⼯作环境，是青鸟⼈⼀直秉承的核⼼要素
</p>
<h3>我们的管理团队</h3>
<p>
<img src="images/recruit-03.jpg">
<img src="images/recruit-04.jpg">
</p>
<p>北⼤青鸟始终以⼈才作为企业的核⼼资本。为了吸引、激励和保留优秀⼈才，公司为员⼯提供完善的培训与发展体系，关注员⼯成长，同时在兼顾市场竞争⼒和内部公平的基础上为员⼯提供全⾯、富有竞争⼒的薪酬福利体系。良好的企业发展前景、⼴阔的个⼈发展平台、快乐向上的</p>
<h3>我们的部门风采</h3>
<p><img src="images/recruit-05.jpg"></p>
<p>
北⼤青鸟始终以⼈才作为企业的核⼼资本。为了吸引、激励和保留优秀⼈才，公司为员⼯提供完善的培训与发展体系，关注员⼯成长，同时在兼顾市场竞争⼒和内部公平的基础上为员⼯提供全⾯、富有竞争⼒的薪酬福利体系。良好的企业发展前景、⼴阔的个⼈发展空间。</p>
<ul>
<li> <a href="#"></a><br/></li>
<li><a href="#">关于我们</a><br/></li>
<li><a href="#">版权声明</a><br/></li>
<li><a href="#">招商加盟</a><br/></li>
</ul>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。