-
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不会影响后代元素。