The Full Stack Web Development - Positioning & Background Images - Project on Images

The video tutorial covers CSS positioning and background images. It explains the four main positioning properties: static, relative, fixed, and absolute, with examples demonstrating their use. The tutorial also introduces background images, showing how to add them and adjust their properties like repeat and position. The video concludes with a brief look at combining background images with colors.

Which CSS position value is the default and does not affect the top, bottom, left, or right properties?

• Static

• Fixed

• Relative

• Absolute

What happens when you set an element's position to 'relative'?

• It can be adjusted from its normal position using top, right, bottom, and left properties.

• It stays in its original position.

• It is positioned relative to the nearest positioned ancestor.

• It moves according to the viewport.

In the practical example, what CSS property is used to move the 'inside' division 50 pixels from the left?

• left: 50px;

• position: fixed;

• padding-left: 50px;

• margin-left: 50px;

How does a 'fixed' positioned element behave in relation to the viewport?

• It is affected by the top, bottom, left, and right properties.

• It is positioned relative to its parent element.

• It moves with the page scroll.

• It remains in the same place within the viewport.

What is the default behavior of a background image in terms of repetition?

• Repeat both horizontally and vertically

• No repeat

• Repeat horizontally

• Repeat vertically

How can you prevent a background image from repeating in CSS?

• background-repeat: repeat-y;

• background-repeat: repeat;

• background-repeat: repeat-x;

• background-repeat: no-repeat;

Which CSS property is used to change the position of a background image?

• background-size

• background-position

• background-color

• background-attachment