今天的学习内容分为3大部分,我将分别从字体图标的使用、平面转换和渐变背景这三个方面来给大家介绍我今日所学
一、字体图标的使用
1、font-class的使用
-
复制相关文件到本地fonts目录下(iconfont.css、 iconfont.ttf、 iconfont.woff、 iconfont.woff2 )
并引入字体图标css文件 :
<link rel="stylesheet" href="./fonts/iconfont.css">
2.标签使用字体图标: iconfont必须调用
<i class="iconfont 字体图标的类名">
2、unicode的使用
-
复制相关文件到本地fonts目录下(iconfont.css、 iconfont.ttf、 iconfont.woff、 iconfont.woff2 )
并引入字体图标css文件 :
<link rel="stylesheet" href="./fonts/iconfont.css">
2.使用标签引入文件:iconfont必须调用
<i class="iconfont">󨝈</i>标签内放入标签编码名
3、伪元素的使用
::before/after{
content="\+后四位"} content内放入标签编码