Web移动端学习第一天

今天的学习内容分为3大部分，我将分别从字体图标的使用、平面转换和渐变背景这三个方面来给大家介绍我今日所学

一、字体图标的使用

1、font-class的使用

1. 复制相关文件到本地fonts目录下（iconfont.css、 iconfont.ttf、 iconfont.woff、 iconfont.woff2 ）

   并引入字体图标css文件 ：

<link rel="stylesheet" href="./fonts/iconfont.css">

2.标签使用字体图标: iconfont必须调用

<i class="iconfont 字体图标的类名">

2、unicode的使用

1. 复制相关文件到本地fonts目录下（iconfont.css、 iconfont.ttf、 iconfont.woff、 iconfont.woff2 ）

   并引入字体图标css文件 ：

<link rel="stylesheet" href="./fonts/iconfont.css">

2.使用标签引入文件：iconfont必须调用

<i class="iconfont">&#xe8748</i>标签内放入标签编码名

3、伪元素的使用

::before/after{
   content="\+后四位"}	content内放入标签编码