CSS (Layout & Images)

Question 1

Which of the following is not an unordered list's value?

Accepted Answer

numeric

Answer

Unordered lists (`

`) to display numbers.

Question 2

Which of the following is not a box-level element?

Accepted Answer

C)

Answer

A box-level (or block-level) element typically starts on a new line and takes up the full available width, creating a 'box' in the document flow. An inline element, by contrast, only takes up as much width as necessary and does not force a new line. Since the options are placeholders, 'C' is assumed to represent an inline element, which is not a box-level element.

Question 3

Every element at the block level appears on a new line?

Accepted Answer

normal flow

Answer

In the normal document flow of a web page, block-level elements inherently occupy the full available width and always start on a new line. This default behavior is how elements are rendered sequentially before any CSS positioning or floating is applied, ensuring structural separation.

Question 4

Which of the following commands will cause the image to move up and down?

Accepted Answer

scroll

Answer

The `background-attachment: scroll;` property value causes a background image to scroll along with the content of the element. This means as the user scrolls the page, the background image will move vertically (up and down) in sync with the foreground content, creating the effect of the image moving.

Question 5

Which one should be used to overlay text on a high-contrast image?

Accepted Answer

screen

Answer

The `screen` blend mode (often used with `mix-blend-mode` in CSS) is designed to lighten the underlying image, making it more suitable for overlaying lighter text. It effectively 'screens out' the darker parts of the image, which helps the text stand out better against a high-contrast background by increasing the contrast between the text and the image.

CSS Language Practice Test

CSS Language Practice Test

CSS (Layout & Images)