Чем отличается background-color от background?

Question

[Имя Имечко]

Чем отличается background-color от background?

background-color: #ffffff;
background: #ffffff;

Оба варианта работают идеально. В чем разница?

Answer 1

[Андрей Сальников]

В background - можно описать все параметры. А background-color как раз один из этих параметров.
background: [background-attachment || background-color || background-image || background-position || background-repeat] | inherit

Answer 2

[Денис Инешин]

Это сделано для удобства группировки. CSS имеет множество таких фич.
- background-color, background-position и т.д. объединяются в шорткат background.
- font-size, font-family и т.д. объединяются в шорткат font.
- border-width, border-color и т.д. объединяются в шорткат border
и т.д.

Кроме этого в CSS есть множество других вариантов сократить код.
- запись цвета: #ff00ee можно сократить до #f0e
- отступы: padding: 10px 10px 10px 10px; можно сократить до padding: 10px;
и т.д.

Comments

[Имя Имечко]

Если посмотреть со стороны правильности кода, какой вариант подходит?

[Денис Инешин]

Имя Имечко: любой. Вопрос вашего удобства.

Answer 3

[Сергей Зеленский]

background може устанавливать как картинку или цвет для фона
background-colorтолько цвет

Comments

[Дмитрий Ким]

Background может устанавливать картинку, цвет, а также смещение, повторение и скроллинг для фона.