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

Questions 16–20

1. 16application · medium

   A developer is building a multi-page marketing site. The design team has finalized a shared color palette and typography that must be identical across all pages. The developer also needs to override the heading color on just the homepage. Which approach satisfies both requirements with the least duplication?

   • ACreate one external stylesheet for the shared styles, link it from every page, and add an internal style block on the homepage to override the heading color.
   • BUse only internal style blocks on every page, copying the full shared style set into each page's head, and add the heading override on the homepage.
   • CCreate a separate external stylesheet for each page, duplicating the shared styles in each file, and add a homepage-specific rule at the end.
   • DAdd an inline style attribute to every element on every page, and a separate inline style for the homepage headings.
   Reveal Solution Discussion Select an answer first
2. 17foundation · easy

   Which CSS embedding method is applied directly to an HTML element using the style attribute?

   • AEmbedded style sheet
   • BInline style
   • CExternal stylesheet
   • DInternal style block
   Reveal Solution Discussion Select an answer first
4. 18expert · medium

   A developer is debugging a styling issue. An element is not receiving the expected color from an external stylesheet. The developer inspects the element and sees an inline style with a different color. Which statement best explains why the inline style is winning?

   • AInline styles have higher specificity than selectors in external stylesheets.
   • BThe inline style is a comment and is being applied by the browser.
   • CThe external stylesheet is loaded after the inline style, so it is overridden.
   • DExternal stylesheets are always ignored by the browser.
   Reveal Solution Discussion Select an answer first
5. 19application · easy

   A developer is refactoring a large, legacy stylesheet. They want to temporarily disable a complex rule for testing without deleting it, and they also want to leave a note explaining why the rule was disabled. What is the most appropriate way to accomplish this?

   • AWrap the rule in `/* ... */` and write the explanation inside the comment block.
   • BDelete the rule and rely on version control history to recover it later.
   • CSet all properties in the rule to `initial` and add a comment explaining the change.
   • DChange the selector to an invalid name like `p.invalid-rule` and add a comment above it.
   Reveal Solution Discussion Select an answer first
6. 20expert · hard

   A developer is auditing a website for accessibility. They find that the site uses a CSS framework that sets `outline: none` on all elements. The developer wants to ensure keyboard users can still navigate. Which action is the most appropriate?

   • AAdd a `title` attribute to all interactive elements.
   • BAdd a global CSS rule that provides a visible focus indicator for all interactive elements.
   • CRemove the `outline: none` rule from the framework's stylesheet.
   • DRely on the browser's default focus behavior.
   Reveal Solution Discussion Select an answer first