โ† All CSS Flashcard Decks

CSS Quality & Compliance Flashcards

7 cards from real CSS practice questions. Tap to flip, then mark Knew It or Still Learning โ€” missed cards come back until you master them.

Read the first 7 CSS Quality & Compliance flashcards as text
  1. What is the purpose of vendor prefixes like -webkit- or -moz-?

    Answer: Enabling experimental or browser-specific feature support

    Vendor prefixes let browsers support experimental properties before standardization.

  2. Which tool automatically adds needed vendor prefixes during a build?

    Answer: Autoprefixer

    Autoprefixer parses CSS and adds vendor prefixes based on browser support data.

  3. Why is minifying CSS a quality and performance best practice?

    Answer: It reduces file size and speeds page loading

    Minification strips whitespace and comments, lowering file size for faster delivery.

  4. What does an accessible touch target size guideline typically recommend?

    Answer: A minimum of about 44x44 pixels

    Around 44x44 CSS pixels is the commonly cited minimum for comfortably tappable targets.

  5. Which practice keeps CSS DRY (Don't Repeat Yourself)?

    Answer: Extracting shared styles into reusable classes or variables

    Reusable classes and variables eliminate repeated declarations across the codebase.

  6. What is a risk of relying heavily on absolute pixel values for layout?

    Answer: Reduced responsiveness and accessibility flexibility

    Fixed pixels don't adapt to user settings or screen sizes, hurting responsiveness and accessibility.

  7. Which CSS layout method is preferred over floats for modern, maintainable layouts?

    Answer: Flexbox and Grid

    Flexbox and Grid provide robust, maintainable layout control compared to legacy float hacks.