Test your knowledge: CSS Basic User Interface

Assess CSS UI affordances, state styling, and the boundary between presentation, behavior, and semantics.

13 questions ~5 min Intermediate

Knowledge check

Assess CSS UI affordances, state styling, and the boundary between presentation, behavior, and semantics.

You can retake this quiz whenever you like.

0:00

0/0

What does cursor control?

It selects the pointer cursor presentation.
How does outline differ from a border?

Outline is painted without taking up layout space like a border.
What does caret-color style?

It controls the insertion caret color.
What does user-select control?

It controls whether/how users can select text through CSS.
What does resize expose?

It controls the resize affordance, not the general sizing algorithm.
What is appearance about?

It changes presentation, not behavior or semantics.
What does accent-color do?

It supplies a preferred UI accent color.
Which pseudo-class is designed for visible focus indication based on user-agent focus heuristics?

`:focus-visible` is intended for focus indications that are appropriate to show.
Does CSS appearance:none replace HTML semantics?

Presentation cannot replace element semantics.
Who owns the color-value model used by accent-color?

Color owns CSS color values; Basic UI consumes them.
Who owns programmatic focus management?

CSS styles focus states; APIs and HTML behavior handle focus management.
Does cursor:pointer make an element clickable?

It only changes the pointer presentation.
What does `field-sizing: content` request for an applicable form control?

CSS Basic UI Level 4 defines field-sizing for this sizing behavior; it does not change the control's HTML semantics or behavior.

What does cursor control?