CSS常见技巧

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

CSS Sprite是指把多个icon合并成一张大图,然后利用css的背景定位来显示需要显示的图片部分,从而达到减少加载网页时对服务器的请求次数,提高页面的加载速度,减少鼠标滑过的一些bug等目的。




    
    Document
    


    
CSS常见技巧_第1张图片
css sprite.png

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

  1. 是HTML标签,是HTML结构的一部分。而CSS背景是CSS样式。
  2. 在网页加载过程中CSS背景会在网页结构完全加载完成之后才开始加载,则会在家在过程中加载。
  3. 图片作为背景,如果加载失败,不会有图片的占位标记。

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

alt属性是在不能显示图像,窗体或applets时的用户代理,用来指定替换文字。编辑代码时使用alt属性是为了那些不能看到你文档中的图像的浏览者提供文字说明。替换文字是用来替代图像而不是提供额外文字说明的。
tilte属性为设置该属性的元素提供建议性信息。可以用在除了

你可能感兴趣的:(CSS常见技巧)