好程序员分享该如何选择background-image和img标签

简介:   好程序员分享该如何选择background-image和img标签,用img标签  如果你希望别人打印页面时候包含这张图片请使用img标签  当这张图片有非常有意义的语义,比如警告图标,请使用img标签及它的alt属性。

  好程序员分享该如何选择background-image和img标签,用img标签
  如果你希望别人打印页面时候包含这张图片请使用img标签
  当这张图片有非常有意义的语义,比如警告图标,请使用img标签及它的alt属性。这样意味着你可以向所有的用户终端现实他的意义。

IE6下背景图片不能益出父级元素要使用
imgmultipleoverlayimagesinIE6.

  如果你使用动画img动画要比background-image表现更好
improveperformanceofanimationsoverabackground

  什么时候用CSSbackground-image

  如果图片不是内容的一部分使用background-image

  如果使用图片替换文字请使用background-image

  如果你不希望别人打印页面时候包含这张图片请使用background-image

  如果你想改善加载时间使用CSSsprites

  如果你只想用一张图片的一部分请使用CSSsprites

  用background-image以及background-size:cover拉伸填充整个窗口

相关文章
|
7月前
|
搜索推荐
img标签上title与alt属性的区别是什么?
img标签上title与alt属性的区别是什么?
245 0
|
前端开发
background-image中的细节
background-image中的细节
|
安全 开发者
SwiftUI极简教程02:Image图片的使用
SwiftUI极简教程02:Image图片的使用
1462 1
SwiftUI极简教程02:Image图片的使用
|
6月前
|
JavaScript 前端开发
详尽分享解决img的src属性为空时会有边框的情况
详尽分享解决img的src属性为空时会有边框的情况
262 0
|
7月前
|
UED 开发者 容器
【CSDN创作优化2】内嵌图片 `<img>` 标签`height`和`width`属性
【CSDN创作优化2】内嵌图片 `<img>` 标签`height`和`width`属性
54 2
|
7月前
|
前端开发
背景图像[background-image]
背景图像[background-image]。
68 1
|
7月前
|
数据采集 算法 前端开发
img标签中的title和alt属性有什么区别
img标签中的title和alt属性有什么区别
46 0
|
移动开发 前端开发
h5 video以及img控件加上border显示不全的解决方案!
h5 video以及img控件加上border显示不全的解决方案!
296 0
|
存储 前端开发 开发者
图像 IMG 标签 | 学习笔记
快速学习图像 IMG 标签
图像 IMG 标签 | 学习笔记
|
iOS开发
使用AutoLayout约束, 为啥图片的大小(Image size)却还以实际大小显示?
问题 给一个 UIImageView 设置一张图片时,使用 AutoLayout 给 UIImageView 约束宽高,但是实际显示的大小,图片以实际的大小显示出来,代码也没有设置 frame,设置contentMode为UIViewContentModeScaleAspectFit 也不起作用。
1112 0