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/行内元素,加到父元素上/
如何设置元素透明? 兼容性?
rgba(r,g,b,0.5) /* IE9及以上*/
opacity和 rgba都能设置透明,有什么区别?
使用opacity属性时后代元素会继承父元素的 opacity 属性,使用rgba属性值时后代元素不会继承不透明属性