What does CSS stand for?
Correct Answer: Cascading Style Sheets
CSS Quiz
Select Your Level
1 / 0
What does CSS stand for?
Explanation: CSS stands for Cascading Style Sheets, a stylesheet language used to style HTML documents.
What is a CSS selector?
Explanation: A CSS selector is a pattern used to select and style HTML elements, such as .classname, #id, or element.
What is the difference between margin and padding?
Explanation: Margin creates space outside an element's border, while padding creates space inside the element, between the border and content.
How do you select an HTML element by its ID in CSS?
Explanation: In CSS, IDs are selected using the hash (#) symbol followed by the ID name.
What is the CSS box model?
Explanation: The box model describes how elements are rendered in CSS: content, padding, border, and margin form layers around content.
What is the difference between Flexbox and CSS Grid?
Explanation: Flexbox is designed for 1D layouts (either rows or columns), while CSS Grid handles 2D layouts with both rows and columns simultaneously.
What is CSS specificity?
Explanation: Specificity determines which CSS rule is applied when multiple rules target the same element. Inline styles > IDs > classes > elements.
What is the difference between em and rem units in CSS?
Explanation: em units are relative to the parent element's font size, while rem units are always relative to the root element's font size.
What are CSS pseudo-classes?
Explanation: Pseudo-classes use a single colon (:) to define special states of elements, like :hover, :focus, :nth-child(), :first-child, etc.
What is the difference between block and inline elements?
Explanation: Block elements take full available width and start on a new line, while inline elements flow with text and only take necessary space.
What is CSS containment and why is it important for performance?
Explanation: CSS containment (contain property) tells the browser to limit calculations to a specific element, improving page performance by reducing recalculations.
Explain the cascade and inheritance in CSS.
Explanation: Cascade is the process of determining which CSS rules apply based on specificity and order. Inheritance allows child elements to inherit certain CSS properties from parents.
What are CSS custom properties (variables) and how do they differ from preprocessor variables?
Explanation: CSS custom properties (--name) are runtime dynamic and cascade-aware, while preprocessor variables (SASS, Less) are compile-time only.
What is the difference between transform and position in terms of performance?
Explanation: Transform changes are composited on the GPU without triggering layout recalculations, while position changes trigger reflow and repaint, making transform more performant.
What is critical CSS and why is it important?
Explanation: Critical CSS is the minimal CSS needed to render above-the-fold content. Inlining it in the HTML head improves perceived performance by eliminating render-blocking resources.
Quiz Results
CSS Developer Quiz
What is a CSS selector?
Correct Answer: A pattern that selects HTML elements to style
What is the difference between margin and padding?
Correct Answer: Margin is outside the element, padding is inside
How do you select an HTML element by its ID in CSS?
Correct Answer: #idname
What is the CSS box model?
Correct Answer: Content, padding, border, and margin layered around an element