Styla saysbackground can be a color, an image, or a gradient — or several layered together.
background-color fills with a solid; background-image: url(...) places an image; linear-gradient() / radial-gradient() paint smooth color blends with no image file. You can stack multiple backgrounds in one declaration, comma-separated, top layer first.
Power-ups you unlock
background-color / background-image / gradients
Gradients are images — no file needed
Layer multiple backgrounds, comma-separated
Shorthand background: combines them all
The Specificity Sphinx attacks — common mistakes
Forgetting a fallback color behind a slow image
Wrong layer order (first listed sits on top)
Huge background images instead of a CSS gradient
Boss battleGive a box a linear-gradient background, then a radial one, and compare.