css - 在网页设计中何时使用图像以及何时使用背景图像?

标签 css html

我是一名业余网页设计师,使用 html 和 CSS 测试各种网站设计。然而,总是让我感到困惑的一件事是决定使用图像作为标签或通过 css 或 html 将其用作背景。 他们对此有什么经验法则吗?

最佳答案

正如其中一个答案所指出的,您需要区分内容和实际页面样式。

让我详细说明一下。 background-image 属性的目的是用来定义页面某个 block 的外观,无论是 div 还是 p,带回家的关键点是您正在定义页面的外观。在定义页面设计的上下文中的图像(如图案、 Logo 、渐变等)几乎不应该采用 img 标记的显式形式。该标签用于定义内容图像,与手头的新闻相关联的东西 - 对于您要描绘的故事来说是独一无二的。

区分这两个概念非常重要,因为它可以让您考虑独立于底层内容的良好设计 - 正如它应该的那样。统一、优雅和精确。

所以,在回顾中。使用 background-image 定义构成网站的各个 block 的外观,并在要添加视觉内容时使用 classic img 标签这是特定于上下文的。

关于css - 在网页设计中何时使用图像以及何时使用背景图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10018989/

相关文章:

Javascript 在不滚动的情况下更改 window.location.hash,但仍会触发 CSS :target pseudo-class

javascript - jQuery .click 方法不会为列表项触发

javascript - 附加元素不保留在父元素中

javascript - 如何在不影响输入值的情况下向输入字段添加美元符号?

javascript - 动态地给 HTML 元素一个自定义属性

html - 单击另一个 div 时显示无父 div,纯 css 可能吗?

html - 根据单个容器 SCSS 中 sibling 的数量调整元素大小

css - 当鼠标悬停在嵌入式 iframe 上时防止父页面滚动

html - 如何进行 <p> 标签自动换行?

javascript - 如果我的 DIV 中没有 P 标签,则删除 div 上的最小高度