饥人谷技术博客

任务9-2

2016-07-24  本文已影响0人  浩天天
1.CSS Sprite(雪碧图|精灵图)指什么? 有什么作用

答:

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

答:

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

答:

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

答:背景图片是当前文件夹下的abc.png 坐标X轴为0 Y轴为0 而且图片不重复
例子:

搜狗截图16年07月24日1305_1.png
5.background-size有什么作用? 兼容性如何? 常用的值是?

答:用来规定背景图像的尺寸

描述
length 设置背景图像的高度和宽度。第一个值设置宽度,第二个值设置高度。如果只设置一个值,则第二个值会被设置为 "auto"。
percentage 以父元素的百分比来设置背景图像的宽度和高度。第一个值设置宽度,第二个值设置高度。如果只设置一个值,则第二个值会被设置为 "auto"。
cover 把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。
contain 把图像图像扩展至最大尺寸,以使其宽度和高度完全适应内容区域。
兼容性:
6.如何让一个div水平居中?如何让图片水平居中?

答:div是个块级元素,只需要对他使用使用margin:0 auto
图片是一个行内元素,对它使用text-align:center即可。

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

答:opacity设置元素透明,取值范围是0-1,0是完全透明,1完全不透明


8opacity和 rgba都能设置透明,有什么区别?

答:
opacity可以对其子元素也起作用,使子元素也变得透明。
rgba只对设置了该属性的元素有用,不影响别的元素。

本文版权归本人和饥人谷所有,转载请注明来源。

上一篇下一篇

猜你喜欢

热点阅读