CSS 字体图标和用户界面样式

文字图标库：阿里图标库

文字图标：icon font

使用场景：主要用于显示网页中通用、常用的一些结构和样式比较简单的小图标

字体图标可以为前端工程师提供一种方便高效的图标使用方式， 展示的是图标，本质属于字体。

优点

• 轻量级：图标字体比图像小，加载消耗资源少。
• 灵活性：本质是文字，可以随意更改颜色、产生阴影、透明效果等
• 兼容性：几乎支持所有的浏览器

字体图标不能替代精灵技术，只是对图标部分技术的提升和优化。

用户界面样式

更改一些用户操作样式，以便提高更好的用户体验。

• 更改用户的鼠标样式
• 表单轮廓
• 防止表单域拖拽

鼠标样式 cursor

设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。

• { cursor: default }

轮廓线 outline

给表单添加 outline: 0; 或则 outline: none; 样式之后，就可以去掉默认的蓝色边框。

防止表单域拖拽 resize

• textarea{ resize: none;}