HTML5+CSS3 Web前端开发项目化教程 课件 项目5 网页版块布局.pptx

《HTML5+CSS3Web前端开发项目化教程》;;;;效果展示;知识储备;;;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;FontAwesome是一套绝佳的图标字体库和CSS框架，它是可缩放的矢量图标，用户可以可以对图标的特性进行更改，比如大小、颜色、阴影等并且可以组合不同的图标创造自己喜欢的图标。FontAwesome的产生，为网页设计和Web前端开发人员带来极大的方便。

网址：/;（2）下载好安装包后，解压缩，找到CSS文件夹里面的font-awesome.css或者font-awesome.min.css（表示压缩过的）复制到自己项目里面的CSS文件夹中，并把安装包文件夹中的fonts文件夹整个文件夹复制到自己项目中。

;（3）打开HTML页面，在head头部中引入font-awesome.css或者font-awesome.min.css。

linkrel=stylesheethref=css/font-awesome.min.css

如果没有下载安装包的，可以引入在线css。

比如：linkrel=stylesheethref=/font-awesome/4.7.0/css/font-awesome.css;（4）使用图标

点击官网图标库，会看到很多图标，选择一个你喜欢的图标，点击开，出现该图标的代码，把该段代码复制，粘贴到你的页面中。;;任务分析;任务实施;;效果展示;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;总结;总结;知识应用;知识应用;知识应用;知识应用;知识应用;拓展应用;任务分析;任务实施;;效果展示;知识储备;知识储备;知识储备;知识储备;知识储备;任务分析;任务实施;技能拓展;技能拓展;技能拓展;