前言

虽然之前学了一点html css 但是还是不够熟练，今天来学习是想重新熟悉一下流程，以及相关操作

字体图标

网站上有些功能啥的，比如说点赞？评论？ 就是 字体图标。
用color 可以改变颜色，字体图标展示的是图标，本质是字体。
优点
灵活性
轻量级
兼容性

图标库 iconfont 阿里的图标库

如何使用？

  1. 引入字体图标的样式表
1
<link rel="stylesheet" href="./iconfont.css"

2.调用图标对应的类名，必须调用两个类名

iconfont类

图标对应的类。

::before 是干什么的？

伪元素，它可以在选择的元素的内容之前插入一些修饰性的内容，比如文字、图片、图标等。这个伪元素默认是一个行内元素，它的样式可以通过content属性和其他CSS属性来定义

动画

实现一些简单的动画出现。

仿b站网页端

网页的设计 可以参考别人怎么写的 ，素材的话