
雪碧图:
什么时候使用?
- 静态图片,不随用户信息的变化而变化
- 小图片,图片比较小
- 加载量比较大
作用:
- 减少http请求数量
- 加速内容显示
工作原理:
控制一个层可显示的区域范围大小,通过窗口进行背景图的滑动
使用
backgound-image:url()
backgound-position: x位置坐标 y坐标 负值





伪类选择器
CSS 伪类用于向某些选择器添加特殊的效果。
CSS 伪元素用于将特殊的效果添加到某些选择器。
两者区别在于: 伪类的效果可以通过添加一个实际的类来达到,而伪元素的效果则需要通过添加一个实际的元素才能达到
网友评论