What does CSS stand for?
Correct Answer: Cascading Style Sheets
Explanation: CSS stands for Cascading Style Sheets, a stylesheet language used to style HTML documents.
Explanation: A CSS selector is a pattern used to select and style HTML elements, such as .classname, #id, or element.
Explanation: Margin creates space outside an element's border, while padding creates space inside the element, between the border and content.
Explanation: In CSS, IDs are selected using the hash (#) symbol followed by the ID name.
Explanation: The box model describes how elements are rendered in CSS: content, padding, border, and margin form layers around content.
Explanation: Flexbox is designed for 1D layouts (either rows or columns), while CSS Grid handles 2D layouts with both rows and columns simultaneously.
Explanation: Specificity determines which CSS rule is applied when multiple rules target the same element. Inline styles > IDs > classes > elements.
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.
Explanation: Pseudo-classes use a single colon (:) to define special states of elements, like :hover, :focus, :nth-child(), :first-child, etc.
Explanation: Block elements take full available width and start on a new line, while inline elements flow with text and only take necessary space.
Explanation: CSS containment (contain property) tells the browser to limit calculations to a specific element, improving page performance by reducing recalculations.
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.
Explanation: CSS custom properties (--name) are runtime dynamic and cascade-aware, while preprocessor variables (SASS, Less) are compile-time only.
Explanation: Transform changes are composited on the GPU without triggering layout recalculations, while position changes trigger reflow and repaint, making transform more performant.
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.
Correct Answer: Cascading Style Sheets
Correct Answer: A pattern that selects HTML elements to style
Correct Answer: Margin is outside the element, padding is inside
Correct Answer: #idname
Correct Answer: Content, padding, border, and margin layered around an element