更多的样式
透明度
- opacity，它设置的是整个元素的透明，它的取值是0 ~ 1
- 在颜色位置设置alpha通道(rgba )
鼠标
使用cursor设置
盒子隐藏
- display:none，不生成盒子
- visibility:hidden，生成盒子，只是从视觉上移除盒子，盒子仍然占据空间。
背景图
和img元素的区别
img元素是属于HTML的概念
背景图属于css的概念
- 当图片属于网页内容时，必须使用img元素
- 当图片仅用于美化页面时，必须使用背景图
涉及的css属性
-
background-image
-
background-repeat
默认情况下，背景图会在横坐标和纵坐标中进行重复
- background-size
预设值：contain、cover，类似于object-fit
数值或百分比
- background-position
设置背景图的位置。
预设值：left、bottom、right、top、center
数值或百分比
雪碧图（精灵图）（spirit）
- background-attachment
通常用它控制背景图是否固定。
-
背景图和背景颜色混用
-
速写（简写）background