Search Header Logo
Modern HTML and CSS from the Beginning (Including Sass) - Positioning

Modern HTML and CSS from the Beginning (Including Sass) - Positioning

Assessment

Interactive Video

Information Technology (IT), Architecture

University

Practice Problem

Hard

Created by

Wayground Content

FREE Resource

The video tutorial covers the CSS position property, explaining different types such as static, relative, absolute, fixed, and sticky. It demonstrates how each type affects element placement on a webpage, using examples with colored boxes. The tutorial also discusses the Z-index property and its role in layering elements. It concludes by noting that while these positioning techniques are useful, they are less common in modern responsive design.

Read more

10 questions

Show all answers

1.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the default position value for elements in CSS?

Relative

Static

Absolute

Fixed

2.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which position value allows an element to be moved from its normal position using top, right, bottom, and left properties?

Absolute

Relative

Fixed

Static

3.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

How does absolute positioning differ from relative positioning?

Absolute positioning is based on the parent element.

Absolute positioning cannot use top, right, bottom, and left properties.

Absolute positioning is the default position.

Absolute positioning is based on the viewport.

4.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What does the Z-index property control?

The color of an element

The position of an element

The stacking order of elements

The size of an element

5.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

How can you ensure an element appears in front of another using Z-index?

Set a higher Z-index value

Set a lower Z-index value

Use absolute positioning

Use static positioning

6.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the effect of setting a negative Z-index value?

The element becomes larger.

The element moves to the back.

The element moves to the front.

The element becomes invisible.

7.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What happens to an element with a fixed position when you scroll the page?

It moves with the page.

It disappears.

It stays fixed in the viewport.

It stays in its original position.

Access all questions and much more by creating a free account

Create resources

Host any resource

Get auto-graded reports

Google

Continue with Google

Email

Continue with Email

Classlink

Continue with Classlink

Clever

Continue with Clever

or continue with

Microsoft

Microsoft

Apple

Apple

Others

Others

Already have an account?