CSS Industry Standards 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 Industry Standards flashcards as text
What does CSS specificity determine when multiple rules target the same element?
Answer: Which declaration wins
Specificity decides which conflicting CSS rule takes precedence on an element.
Which industry-standard practice helps reduce CSS file size in production?
Answer: Minification
Minification removes whitespace and comments to shrink CSS files for faster delivery.
What is the purpose of a CSS reset or normalize stylesheet?
Answer: To reduce cross-browser default styling inconsistencies
Resets and normalize.css create a consistent baseline across browser default styles.
Which approach is recommended for organizing large-scale CSS architecture?
Answer: A documented methodology like ITCSS or SMACSS
Methodologies like ITCSS and SMACSS provide scalable, maintainable CSS structure for large projects.
What is the industry-standard way to define reusable design tokens directly in CSS?
Answer: Custom properties (CSS variables)
CSS custom properties (variables) store reusable values like colors and spacing as design tokens.
Why do industry guidelines discourage overusing the !important declaration?
Answer: It breaks the natural cascade and hampers maintainability
Overusing !important overrides the cascade, making styles hard to debug and maintain.
Which standard practice improves CSS performance by limiting style recalculation?
Answer: Avoiding deeply nested and overly complex selectors
Simple, shallow selectors reduce the browser's style matching work and improve performance.