css样式

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

将小icon 合并到一个背景上，通过background-position定位到不同的icon。减少网络请求。

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

是否需要更换改变图片本身，图片固定变化不算

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

鼠标放上去显示的文字用title
爬虫以及图片消失后出现的是alt

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

设置abc.png为背景，坐标是00，不重复

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

设置背景图片大小，设置如何适应窗口
常用的值：数值、百分比、cover、contain
background-size练习
IE9及以上

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

magin:0 auto/要有宽度，块级元素/
text-align:center/行内元素，加到父元素上/

QQ截图20160615160855.png

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

rgba(r,g,b,0.5) /* IE9及以上*/      

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

使用opacity属性时后代元素会继承父元素的 opacity 属性，使用rgba属性值时后代元素不会继承不透明属性

对比.png