更多的样式
透明度
- opacity, 它设置的是整个元素的透明，它的取值 0 ~ 1
- 在颜色位置设置alpha通道（rgba(红，绿，蓝，透明度0~1)）
鼠标
使用cursor设置
也可以设置图片cursor:url()，图片格式必须为.ico或.cur。
盒子隐藏
- display:none, 不生成盒子，可能会影响其他元素的排列
- visibility:hidden, 生成盒子，只是从视觉上移除盒子，盒子仍然占据空间
可以用visibility来控制图标或字体的闪烁
背景图
和img元素的区别
img元素是属于HTML的概念
背景图属于css概念
- 当图片属于网页内容时，必须使用img元素。
- 当图片仅用于美化网页时，必须使用背景图。
所以img和背景图的使用主要取决于内容
涉及的css属性
background-image: url()
background-repeat
默认情况下，背景图会在横坐标和纵坐标中进行重复
- background-size
预设值：contain、cover，类似于object-fit
数值或百分比
- background-position
设置背景图的位置
预设值：left、bottom、right、top、bottom
数值或百分比：数字可以是负数
雪碧图（精灵图）（spirit）: 需要小图标合并成一张大图片，大图片就是雪碧图
- background-attachment
通常用它控制背景图是否固定。
fixed: 此时背景图是相对于视口的
背景图和背景颜色混用
速写（简写）background
