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
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.
Which tool automatically adds needed vendor prefixes during a build?
Answer: Autoprefixer
Autoprefixer parses CSS and adds vendor prefixes based on browser support data.
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.
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.
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.
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.
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.