Web Development HTML and CSS 2

Question 1

Which CSS property controls the stacking order of overlapping elements?

Accepted Answer

z-index

Answer

The z-index property sets the stack order of a positioned element; higher values appear on top.

Question 2

What does the HTML `<figure>` element semantically represent?

Accepted Answer

Self-contained content like images or diagrams with an optional caption

Answer

`<figure>` wraps self-contained media content (images, code, charts) that can be referenced from the main flow.

Question 3

Which CSS selector targets an element only when it is the last child of its parent?

Accepted Answer

:last-child

Answer

:last-child matches an element that is the very last child node of its parent.

Question 4

What is the correct HTML attribute to make a form input field required before submission?

Accepted Answer

required

Answer

The boolean `required` attribute on an input triggers built-in browser validation and prevents form submission if the field is empty.

Question 5

In CSS Flexbox, which property defines the main axis direction?

Accepted Answer

flex-direction

Answer

`flex-direction` sets whether flex items are placed in a row or column, establishing the main axis.

Web Development Practice Test