任务9-CSS常见技巧

CSS Sprite(雪碧图|精灵图)指什么?有什么作用？

是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分。作用可以减少网络请求数量，加快网页显示速度。

img标签和CSS背景使用图片在使用场景上有何区别？

img在需要图片可以变化和点击的情况下使用。
css背景用于不需要改变和不可点击的场景。

title 和 alt属性分别有什么作用？

title：用于鼠标悬停在元素上显示的文字。
alt：大多用在img元素，当图片显示失败时显示。

background: url(abc.png) 0 0 no-repeat;这句话是什么意思？

背景图片地址在当前目录下的abc.png。
在元素内左上角（0，0）显示，
no-repeat是不平铺。

background-size有什么作用? 兼容性如何? 常用的值是?

作用：设置背景图片的大小。
兼容性：ie8及ie8以下不支持。
常用：auto设置自动按比例缩放、cover缩放背景图覆盖整个区域部分看不到、contain缩放背景图完全载入区域可能部分出现空白。

如何让一个div水平居中？如何让图片水平居中？

div水平居中：margin：0 auto；
图片水平居中：父容器设置text-align:center

如何设置元素透明? 兼容性？

opacity:0-1选择值,
IE8部分支持, 其他浏览器均支持；

opacity 和 rgba都能设置透明，有什么区别？

opacity影响所有后代元素，rgba不会影响后代元素。