Колір CSS у порівнянні з кольором фону та кольором фону?

Question 1

Коли в HTML я використовую колір, і в чому різниця між кольором фону та тегом фону?

Які відмінності?

Question 2

color посилається на колір тексту в цьому елементі.

background-color відноситься до кольору фону

background це скорочення, що поєднує безліч фонових тегів в один рядок.

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

Поєднує властивості кольору, зображення та фонового зображення в один рядок, замість того, щоб вводити кожен наш стиль окремо.

w3schools

Question 3

Я наведу вам приклад використання цього елемента html:

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

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

Колір CSS використовується для зміни кольору тексту елемента html. У цьому прикладі "Це мій текст" буде червоним. Колір фону CSS використовується для зміни кольору фону, тому в цьому випадку ви отримаєте чорну рамку з червоним текстом усередині. Нарешті, фон використовується для встановлення всіх властивостей фону в одному оголошенні. Наприклад:

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

Це змінює колір тла, додає зображення "smiley.gif" на фон і відцентрує зображення, воно не повторює зображення, якщо в ньому є простір.

Question 4

Швидка відповідь

Колір = Колір тексту
Background-color = колір фону
Background = надає можливість встановити колір, зображення тощо ...

чудові підручники з цього можна знайти тут

Question 5

Це правда, що backgroundдає більше варіантів проти background-color. Але якщо вам потрібно лише встановити колір тла, вони абсолютно однакові, і кожен замінить інший, як показано у фрагменті.

background: yellow;

background-color: yellow;

.bc {
  background: yellow;
  background-color: green;
}

.bc2 {
  background-color: green;
  background: yellow;
}

<div class='bc'>
  bc { background:yellow; background-color:green; }
</div>

<div class='bc2'>
  bc { background-color:green; background:yellow; }
</div>

Розгорніть фрагмент

Question 6

Одна велика річ щодо обох властивостей css полягає в тому, що колір фону не перезаписує зображення або градієнт, встановлені за допомогою цього:

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

або

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

Якщо ви намагаєтеся змінити фон із зображення на колір, вам доведеться використовувати властивість background.