第四章学习

最新推荐文章于 2021-06-10 21:08:40 发布

Lin_Zhi

最新推荐文章于 2021-06-10 21:08:40 发布

阅读量246

点赞数

本文链接：https://blog.csdn.net/Lin_Zhi/article/details/83987881

版权

1、使用CSS制作网页有哪些优势？

1、内容与表现分离。

2、表现的统一。

3、丰富的样式。

4、减少页面的代码量。

5、运用独立于页面的CSS，还有利于网页被搜索引擎收录。

2、使用`<style>`标签和style属性引用css样式有哪些相同和不同点？

<style>标签是内容与表现分开的，并且写在HTML标签中，方便引用。而style属性写在内容里面不方便人们的使用。不过两者都可以改变选择对象的表现样式。

3、说明E F：nth-child(n)和E F：nth-of-type(n)两种选择器的区别与各自的使用场景。

第一个是不区分类型的寻找指定对象来改变样式，第二个是针对选择的类型来找寻改变样式。

4、制作北大青鸟总裁致辞页面。

HTML：

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

CSS:

h1{
	font-size: 18px;
}
p{
	font-size: 12px;
}
span{
	font-weight: bold;
	color: red;
}
.xieti{
	font-style: oblique;
	color: blue;
	font-weight: normal;
	font-size: 16px;
}

在这里插入图片描述

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

HTML:

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

CSS:

p{
	font-size: 14px;
}
#a{
	color: green;
	font-size: 18px;
}
p img:nth-of-type(1){
	width: 300px;
	height: 200px;
}
p img:nth-of-type(2){
	width: 300px;
	height: 200px;
}
div p{
	color: blue;
}
li a{
	font-size: 14px;
	color: #640000;
}

在这里插入图片描述

Lin_Zhi

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
第四章学习

1、使用CSS制作网页有哪些优势？1、内容与表现分离。2、表现的统一。3、丰富的样式。4、减少页面的代码量。5、运用独立于页面的CSS，还有利于网页被搜索引擎收录。2、使用&lt;style&gt;标签和style属性引用css样式有哪些相同和不同点？&lt;style&gt;标签是内容与表现分开的，并且写在HTML标签中，方便引用。而style属性写在内容里面不方便人们的使用。不过...
复制链接

扫一扫