字体随机类型：浮点数
font-family: Consolas;//单字体
font-family: 'Consolas', Courier;//设置主字体和备用字体
font-family: 'Consolas', Courier, monospace;//设置等宽
font-family: 'Consolas', 宋体, monospace;//设置中、英文字体，中文放到最后
光标样式
//常规样式
cursor: default;//默认样式（箭头）
cursor: auto;//根据内容自动适应样式
cursor: none;//无光标（隐藏光标）
//选择样式
cursor: cell;//指示单元格可被选中
cursor: crosshair;//交叉指针，通常指示位图中的框选
cursor: text;//指示文字可被选中
cursor: vertical-text;//指示垂直文字可被选中
//链接及状态样式
cursor: pointer;//手型
cursor: help;//帮助
cursor: wait;//程序繁忙，用户不可交互 (与progress 相反).图标一般为沙漏或者表
cursor: progress;//程序后台繁忙，用户仍可交互 (与wait 相反)
cursor: context-menu;//指针下有可用内容目录
//拖拽样式
cursor: alias;//复制或快捷方式将要被创建
cursor: copy;//指示可复制
cursor: move;//被悬浮的物体可被移动
cursor: not-allowed;//不能执行
cursor: grab;//可抓取
cursor: grabbing;//抓取中
cursor: all-scroll;//元素可任意方向滚动（平移），Windows 中，"all-scroll 与 move 相同"
cursor: col-resize;//重设宽度（与excel调整间距类似）
cursor: row-resize;//重设高度（与excel调整间距类似）
cursor: n-resize;//窗口垂直拉伸
cursor: e-resize;//窗口水平拉伸
cursor: s-resize;//窗口垂直拉伸
cursor: w-resize;//窗口水平拉伸
cursor: nesw-resize;//窗口左缩放
cursor: nwse-resize;//窗口右缩放
cursor: zoom-in;//放大
cursor: zoom-out;//缩小
其他
//模糊
filter:blur(5px);//全局模糊，此容器内所有元素模糊
backdrop-filter:blur(5px);//背景模糊，除此容器外，所有元素模糊
渐变（支持透明度）
//线性渐变
background-image: linear-gradient(#e66465, #9198e5);//默认从上到下
//使用 background 或 background-image；但不能用 background-color
background-image: linear-gradient(to right, #e66465, #9198e5);//从左到右
background-image: linear-gradient(to bottom right, #e66465, #9198e5);//从左上角到右下角
background-image: linear-gradient(-25deg, #e66465, #9198e5);//使用角度控制方向
background-image: repeating-linear-gradient(to right, #e6646555 5%, #9198e555 10%);//重复渐变
//径向渐变
background-image: radial-gradient(#e66465aa, #9198e555);//默认颜色节点均匀分布
background-image: radial-gradient(#e66465aa 5%, #9198e555 15%);//自定义分布
background-image: repeating-radial-gradient(#e66465aa 5%, #9198e555 15%);//重复径向渐变
background-image: repeating-radial-gradient(circle, #e6646544 5%, #9198e555 15%);//设置形状
//circle：圆形；ellipse（默认值）：椭圆