长沙十大Web前端培训学校

机构：IT培训机构时间：2021-06-24 13:50:02 点击：152

导语概要

千锋教育以夯实基础、强化应用、对接行业、提高素质、注重创新、激励个性、体现特点为基石，注重对学员进行综合素质和技术创新能力的培养，以更优质的教育服务，充分赋能万千莘莘学子成就美好未来，2017年11月28日，千锋教育（以下简称千锋）应邀参加新浪举办的“2017中国教育盛典——教育之变”，并荣获“2017中国口碑影响力职业培训机构”称号...

IT培训学校

IT设计、软件测试、前端、大数据等IT培训课程
北京、上海、广州、深圳等多个城市有校区

如何下载和使用Normalize.css？【移动web页面开发】

在开发中，为了确保不同浏览器的默认样式统一，通常会对样式进行初始化，也就是在页面中定义一些初始样式，用来覆盖浏览器的默认样式。在移动端Web开发中，初始化默认样式推荐使用Normalize.css样式库，因为它具有如下特点。

保留有用的浏览器默认样式，而不是完全去掉它们。保证各浏览器样式的一致性。采用模块化开发，方便后期维护。拥有详细的文档。

在熟悉了Normalize.css的特点之后，下面为大家讲解如何下载和使用Normalize.css。

1. 下载Normalize.css

在Normalize.css官方网站可以获取文件的下载，如图1所示。

图1 Normalize.css官网

在图1中，页面使用英文展示了Normalize.css的一些信息。我们单击“Download v8.0.1”按钮，即可获取Normalize.css源代码，如图2所示。

图2 Normalize.css源代码

在图2所示的页面中，单击鼠标右键，然后在弹出的菜单中选择“另存为”，即可将Normalize.css保存到本地。

2. 使用Normalize.css

将Normalize.css文件下载完成之后，就可以使用Normalize.css初始化页面的默认样式。为了让大家更好地学习Normalize.css的使用，下面通过例2-3进行演示。

【例2-3】

（1）创建C:\web\chapter02\demo03.html文件，具体代码如下。

<!DOCTYPEhtml><html><head><metacharset="UTF-8"><metaname="viewport"content="user-scalable=no,width=device-width,initial-scale=1.0,maximum-scale=1.0"><title>引入Normalize.css</title><linkrel="stylesheet"href="normalize.css"></head><body><div>成功引入Normalize.css</div></body></html>

上述代码中，第7行代码通过<link>标签引入normalize.css文件，其中，href属性的值为normalize.css文件的路径地址，读者需要将下载后的normalize.css放在demo03.html的相同目录下，即C:\web\chapter02。第10行代码用来通过<div>标签在页面中显示“成功引入Normalize.css”的提示信息。

（2）在浏览器中打开demo03.html文件，运行结果如图3所示。

图3 设置body元素的margin值为0

从图3可以看出，在引入Normalize.css后，body元素的margin被修改为0，说明Normalize.css已经引入成功并生效了。

猜你喜欢：

书写CSS需要遵循哪些规则？它的结构有什么特点？

Css是什么？它有哪些优点？

Css中如何清理浮动？【web前端开发】

最新web面试题css浏览器的兼容性问题

黑马程序员web前端学习

IT培训中心

IT培训学校推荐课程

大数据
智能物联网
Unity游戏开发
网络安全
互联网营销
影视剪辑包装

IT培训学校

不断推动协同育人、不断推动产学融合、不断实现人才培养，从适应产业向引领产业转变、从学科导向向以产业需求导向转变，从学科分科向交叉融合转变，推出了贴近企业需求的热门IT学科课程体系，采用全程面授高品质、高体验培养模式，教学大纲紧跟企业需求，以开放的教学模式，千锋教育积极探索与大厂之间的合作，引入围绕新基建的项目和先进技术合作，与课程内容相融合，确保学员所学知识的前瞻性，提高实战技能，使人才培养与企业需求在结构、质量、水平上相适应。千锋以就业需求为导向，升级了基础课、专业课、项目课、企业课、就业课及职后课六位一体的六维全息课程体系，覆盖了学员从试听到实习、就业、职后成长的全学习周期，最大程度赋能广大学员，在以人为本的教育理念下，千锋自成立以来就坚持着高品质全程面授，严管大爱，全方位督促、跟踪每一位学员的学习进度，确保每一位学员高质量完成学业，顺利就业。

IT培训机构