The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Background

The video tutorial covers CSS background properties, including color, image, repeat, attachment, position, and size. It demonstrates how to use division and style tags in CSS, add images, and adjust their properties. The tutorial emphasizes making websites responsive by using background size and position properties. It also explains controlling image repetition and using background attachment to fix images while scrolling. Finally, it shows how to add text to background images.

Which of the following is NOT a CSS background property?

• Background font

• Background image

• Background color

• Background size

What is the purpose of the division tag in HTML?

• To add a background color

• To divide content into sections

• To create a hyperlink

• To insert an image

How can you make an image responsive using CSS?

• By setting the width and height in pixels

• By using the universal selector

• By setting width to 100% and height to 100VH

• By using the class selector

What does a non-responsive website fail to do?

• Include hyperlinks

• Use background colors

• Load images quickly

• Display content correctly on all devices

Which CSS property is used to prevent an image from repeating?

• Background-attachment: fixed

• Background-repeat: no-repeat

• Background-position: center

• Background-size

What does the 'cover' value do in the background-size property?

• Fits the image to the screen without cropping

• Crops the image to fit the screen

• Stretches the image to fill the screen

• Repeats the image across the screen

How can you center an image using the background-position property?

• background-position: top left

• background-position: left center

• background-position: center center

• background-position: bottom right

What effect does the 'fixed' value have in the background-attachment property?

• The image scrolls with the page

• The image is fixed and does not scroll

• The image is centered on the page

• The image repeats across the page

Which property allows text to be added over a background image?

• Background-image

• Background-attachment

• Background-color

• Background-position

What is the role of the background-position property?

• To set the color of the background

• To determine the position of the background image

• To fix the background image

• To repeat the background image