A developer is working on a page and needs to apply a unique style to a single ` ` element that will not be reused. The developer wants the style to be applied directly and without affecting any other elements. Which approach is the most appropriate?

Add a rule to an external stylesheet using a generic `p` selector.

Use an inline style attribute on that specific ` ` element.

Add a class to the element and define the style in an external stylesheet.

Add an internal style block with a generic `p` selector.

Why is it important to provide a visible focus indicator (such as an outline) on interactive elements?

It helps keyboard users know which element is currently focused

It improves the visual design of the page

It prevents mouse users from clicking the wrong element

It increases the loading speed of the page

A developer is building a site that must be usable by keyboard-only users. The default focus outline is being removed by a CSS reset. Which action is the most appropriate to maintain accessibility?

Provide a clear, visible focus indicator for all interactive elements.

Use a CSS animation to change the background color of the focused element.

Remove the focus indicator entirely to keep the design clean.

Rely on hover styles to show the current position.

A developer is creating a responsive navigation menu. On small screens, the menu items are too wide and cause horizontal scrolling. Which CSS approach is the most appropriate to address this?

Use a media query to adjust the layout, such as stacking the items vertically on small screens.

Set a fixed width on the navigation container that is wider than the screen.

Use a large font size for the menu items to make them more readable.

Hide the navigation menu entirely on small screens.

A developer is styling a form's submit button. The current design uses a light gray background with white text. A user with low vision reports that the button is difficult to read. Which CSS change is the most direct way to improve the button's accessibility?

Add a CSS animation that makes the button pulse when hovered.

Change the button's font family to a decorative script font.

Increase the contrast between the text and background colors.

Increase the button's border-radius to make it more rounded.

LPI Web Development Essentials

Domain 3Objective 1

033.1 CSS Basics (weight: 1) WEB-DEVELOPMENT-ESSENTIALS Practice Questions (Page 2)

Part of the 033 CSS Content Styling domain, which makes up ~25% of our current practice bank. Linux Professional Institute does not publish an official question count, but from its 60-minute exam (~25–40 total, ~6–10 in this domain), expect 2–3 from this objective — we provide 24 practice questions to prepare you well beyond it. (estimate)

24questions here

5free pages

4concepts

Questions 6–10

6application · medium
A developer is working on a page and needs to apply a unique style to a single `<p>` element that will not be reused. The developer wants the style to be applied directly and without affecting any other elements. Which approach is the most appropriate?
Select an answer first
7foundation · easy
Why is it important to provide a visible focus indicator (such as an outline) on interactive elements?
Select an answer first
8application · medium
A developer is building a site that must be usable by keyboard-only users. The default focus outline is being removed by a CSS reset. Which action is the most appropriate to maintain accessibility?
Select an answer first
9application · medium
A developer is creating a responsive navigation menu. On small screens, the menu items are too wide and cause horizontal scrolling. Which CSS approach is the most appropriate to address this?
Select an answer first
10application · medium
A developer is styling a form's submit button. The current design uses a light gray background with white text. A user with low vision reports that the button is difficult to read. Which CSS change is the most direct way to improve the button's accessibility?
Select an answer first

Finished these 5 questions?

Review the revealed explanations, or continue through the curriculum.

Next 5 questions →Back to WEB-DEVELOPMENT-ESSENTIALS

Free Basic Practice is a study aid with revealable answers — not a scored exam. Examers.io is independent and not affiliated with or endorsed by Linux Professional Institute. “WEB-DEVELOPMENT-ESSENTIALS” is a trademark of its owner, used for identification only.