Olá Ariel, tudo bem? Ótima pergunta!
Quando utilizamos apenas background
podemos definir outras propriedades junto, como por exemplo cor, url da imagem, posição, se deve repetir, etc. Já quando utilizamos background-color
definimos apenas a cor.
Essas são as sintaxes do background:
background-color
background-image
background-position
background-size
background-repeat
background-origin
background-clip
background-attachment
Com a primeira propriedade - background - conseguimos englobar várias em uma única linha, veja só:
background: backgrond-color background-image background-repeat background-position
#card{
background: #836FFF url(img/card.jpg) left top no-repeat;
}
Conseguiu entender? Caso tenha ficado alguma dúvida é só perguntar! =)
Bons estudos!!