我是一名业余网页设计师,使用 html 和 CSS 测试各种网站设计。然而,总是让我感到困惑的一件事是决定使用图像作为标签或通过 css 或 html 将其用作背景。 他们对此有什么经验法则吗?
最佳答案
正如其中一个答案所指出的,您需要区分内容和实际页面样式。
让我详细说明一下。 background-image 属性的目的是用来定义页面某个 block 的外观,无论是 div
还是 p
,带回家的关键点是您正在定义页面的外观。在定义页面设计的上下文中的图像(如图案、 Logo 、渐变等)几乎不应该采用 img
标记的显式形式。该标签用于定义内容图像,与手头的新闻相关联的东西 - 对于您要描绘的故事来说是独一无二的。
区分这两个概念非常重要,因为它可以让您考虑独立于底层内容的良好设计 - 正如它应该的那样。统一、优雅和精确。
所以,在回顾中。使用 background-image
定义构成网站的各个 block 的外观,并在要添加视觉内容时使用 classic img
标签这是特定于上下文的。
关于css - 在网页设计中何时使用图像以及何时使用背景图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10018989/