这篇博客介绍了前端开发中的基础知识，包括如何使用图标字体（iconfont），理解并应用层级概念以调整元素显示顺序，以及探讨了手动创建轮播图的两种方法和使用swiper插件实现轮播图。文章详细讲解了阿里巴巴矢量图标库的使用步骤，并对比了不同展示图标的方法。此外，还讨论了z-index在调整元素层级中的作用和注意事项，以及透明度设置的三种方式及其差异。
目录
一、图标字体（iconfont）
（1）网页中会有很多小的图片，例如，购物车，小尖头，定位等；这些内容可以直接用图片代替，但图片一般都是比较大的，而且修改起来也不方便，所以可以直接使用图标字体，把它们就当成字体，可以用字体相关的样式，去修改图标字体，例如可以改变大小，颜色
图标字体在一些大的框架系统里，或者一些大的网站，很多大牛都已经归纳好，那我们直接使用即可，使用的方法大同小异
常用的图标网站：阿里巴巴矢量图标库
（2）如何使用图标库
线上版本、线下版本都需要用link引入css文件
~第一步:选择你需要的图标
~第二步：将你选中图标对应的css文件引入到你的html文件当中
css文件可以线上版本，也可以下载引入线下版本
~第三步：在结构中可以通过不同的使用方式，显示在页面中
第一种转换方法：转义字符形式 &实体的名字
注意：一定要加公有的iconfont类名
<span class=:;>&....</span>
第二种转换方式：类名形式（常用）
最低0.47元/天 解锁文章
扫一扫
10万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
