📚 Topic Summary
CSS background images allow you to add images behind your text and other content on a webpage. You can control how the image is displayed, whether it repeats, and its position. It's a great way to make your website visually appealing and engaging. Think of it like decorating the walls of your website with cool pictures! 🖼️
🎨 Part A: Vocabulary
Match the term with its definition:
| Term |
Definition |
| 1. Background-image |
A. Determines if/how the background image repeats. |
| 2. URL |
B. A web address where the image is located. |
| 3. Background-repeat |
C. CSS property used to set an image as the background. |
| 4. CSS |
D. Defines the style of an HTML webpage. |
| 5. Background-position |
E. Specifies the position of a background image. |
Answers:
1-C, 2-B, 3-A, 4-D, 5-E
✍️ Part B: Fill in the Blanks
Complete the following paragraph using the words provided: cover, CSS, background-size, URL, element.
To add a background image to an HTML __________, you use __________. The location of the image is specified using the __________ in the background-image property. You can control how big the image is using __________. Using the value __________ will ensure the image fills the entire area.
Answers:
element, CSS, URL, background-size, cover
🤔 Part C: Critical Thinking
Why is it important to choose the right background image for a website? Explain how a background image can affect the user experience.