css字体图标和文字垂直居中

CSS字体图标

CSS字体图标可以让我们使用字体来显示图标，这样可以节省页面加载时间和HTTP请求。我们可以使用像FontAwesome这样的CSS字体图标库，也可以自己创建自己的字体图标库。

文字垂直居中

实现文字在父元素中垂直居中有几种方法。常用的方法是使用CSS FlexBox布局，把父元素设置为flex container，然后给子元素设置align-items属性为center。另一种方法是使用CSS绝对定位，父元素设置position为relative，然后给子元素设置position为absolute，再通过top和transform属性来居中。