Web Development HTML and CSS 5

Question 1

Which CSS at-rule is used to apply styles only when the viewport meets a specific condition such as minimum width?

Accepted Answer

@media

Answer

`@media` queries let you conditionally apply CSS rules based on device characteristics like viewport width, resolution, or orientation.

Question 2

What is the semantic difference between `` and `` in HTML5?

Accepted Answer

conveys importance while is purely stylistic bold

Answer

`` carries semantic weight indicating the text is of strong importance, whereas `` only implies a stylistic offset with no added importance.

Question 3

Which value of `display` makes an element behave like a block but allows setting width and height while keeping it inline?

Accepted Answer

inline-block

Answer

`display: inline-block` combines inline flow (sits alongside other inline elements) with block-level sizing (respects width/height).

Question 4

What does CSS specificity determine?

Accepted Answer

Which rule wins when multiple conflicting selectors target the same element

Answer

Specificity is a weight calculated from the types of selectors used; the rule with the highest specificity overrides conflicting rules.

Question 5

Which HTML element represents a navigation landmark containing primary site links?

Accepted Answer

<nav>

Answer

`<nav>` is a semantic landmark element intended for blocks of navigation links, aiding screen readers and SEO.

Web Development Practice Test