可以利用float属性实现多个div处于统一行。
float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。
如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄。
还可以利用display:inline;将div强制转换为内联元素也可实现多个div处于同一行。
使用cursor设置
也可以设置图片cursor:url(),图片格式必须为.ico或.cur。
可以用visibility来控制图标或字体的闪烁
img元素是属于HTML的概念
背景图属于css概念
所以img和背景图的使用主要取决于内容
默认情况下,背景图会在横坐标和纵坐标中进行重复
预设值:contain、cover,类似于object-fit
数值或百分比
设置背景图的位置
预设值:left、bottom、right、top、bottom
数值或百分比:数字可以是负数
雪碧图(精灵图)(spirit): 需要小图标合并成一张大图片,大图片就是雪碧图
通常用它控制背景图是否固定。
fixed: 此时背景图是相对于视口的