第四章作业

最新推荐文章于 2022-12-04 23:10:52 发布

清~ ~

最新推荐文章于 2022-12-04 23:10:52 发布

阅读量362

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/kelea666/article/details/83615219

本文探讨了CSS3在网页制作中的优势，包括内容和表现的分离、样式丰富及代码量减少等。同时，分析了style标签和style属性引入CSS样式的相同点和不同点，强调了行内样式权重大于内联样式。最后，阐述了E F:nth-child(n)与E F:nth-of-type(n)选择器的选择场景和区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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…制作北大青鸟总裁致辞页面。

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

在这里插入图片描述

5.制作员工团队风采页面。

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

在这里插入图片描述