CSS颜色与背景颜色与背景颜色？

Question

在HTML中我什么时候使用颜色,背景颜色和背景标签之间有什么区别？

有什么区别？

Answer 1

color 指的是该元素中的文本颜色.

background-color 指的是背景颜色

background 是将许多背景标签组合成一行的简写.

background: #ffffff url("img_tree.png") no-repeat right top;

将颜色,图像和背景图像属性组合在一行中,而不是单独键入每种样式.

值得通过基础教程来学习所有要知道的内容.对于那些不选择自学而是被告知代码如何工作的人来说,这个论坛不会是宽容的.

一位老师在这里告诉我们它是如何完成的，并解决任何读过本书的人的疑问：对简单的问题给出简单的答案。但是，并不是每个人都能为一位好老师付出代价。对我而言，重要的是学习，而且并非每天我们都有时间和精力来挖掘隐藏的答案。如果您的部门是正确的，那么此站点将没有太大的价值。 (2认同)

Answer 2

确实，background与相比，它提供了更多选择background-color。但如果您只需要设置背景颜色，它们是完全相同的，并且每个都会覆盖另一个，如代码片段中所示。

background: yellow;

background-color: yellow;

background: yellow;

background-color: yellow;

Answer 3

快速回答

这里有关于这方面的很棒的教程

Answer 4

关于这两个 css 属性的一件大事是，背景颜色不会覆盖已使用此设置的图像或渐变：

background:url('https://example.com/image.jpg');

或者

background: linear-gradient(to bottom, #1e5799 0%,#2989d8 20%,#207cca 51%,#7db9e8 100%);

如果您尝试将背景从图像更改为颜色，则必须使用背景属性。

Answer 5

我会给你一个使用这个 html 元素的例子：

<span class="value"> This is my text </span>

.value { color: red, background-color: black}

CSS 颜色用于更改 html 元素的文本颜色。在这个例子中，“这是我的文字”将是红色的。CSS background-color 用于更改背景颜色，因此在这种情况下，您会得到一个带有红色文本的黑框。最后，背景用于在一个声明中设置所有背景属性。例如：

background: #00ff00 url("smiley.gif") no-repeat fixed center;

这会更改背景颜色，将图像“smiley.gif”添加到背景并将图像居中，如果有空间，则不会重复图像。

Answer 6

color：用于为标签内的文本添加颜色。

color: blue;

背景颜色：用于为标签内内容的背景添加颜色。

background-color : red;

背景：用于向标签内的内容添加不同类型的背景属性名称。

background : red url('image.png') fixed repeat cover;