Yes, any extra whitespace triggers a syntax error

No, CSS largely ignores extra whitespace and formatting

Only line breaks cause errors; extra spaces are fine

Every element carrying the class 'warning'

Only <p> elements that also carry the class 'warning'

Only the first paragraph with class 'warning' on the page

As the very first line before <!DOCTYPE html>

Immediately before the closing </body> tag

As gray italic text near the related element

In a tooltip when hovering over the element

Nowhere; it is stripped out and never shown in the rendered page

Yes, by listing multiple url() values separated by commas

No, an element can only reference one background image at a time

Only if the images are combined first into a single file

10px to top and bottom, 20px to left and right

10px to left and right, 20px to top and bottom

Yes, padding: auto centers content the same way margin does

No, padding does not support the auto value

Only when box-sizing is set to border-box

They are cached more aggressively by browsers

They are rendered as scalable vector glyphs, similar to text characters

They automatically compress to reduce blur

There is no real difference; both hide the element identically

display: none removes the element's space from the layout, while visibility: hidden keeps its space reserved

visibility: hidden removes the element's space, while display: none keeps it reserved

The full browser viewport width, regardless of parent

It stays reserved, just like position: relative

It collapses entirely, as if the element were removed from the flow

It is shared equally between its two nearest siblings

It stops rendering until the float is cleared

It wraps around the image, flowing along its remaining side

Along their baselines, so their bottoms may not match exactly

It pushes that item, and any items after it, to the end of the container

It centers that item horizontally within the container

Yes, since the li is still inside the ul overall

No, because the child combinator only matches direct children of the ul

Yes, but only if the div has no class attribute

Yes, by setting the child's own opacity to 1

No, the child's visible opacity is still capped by its parent's transparency

Yes, but only if the child uses rgba() instead of opacity

Negative values make the sprite sheet semi-transparent

The sheet must be shifted up and left so the target icon lands inside the visible box

Negative values are required to disable background-repeat

The amount the counter increases by each time it's incremented

The browser's default font, since rules don't cross element boundaries

Georgia, because font-family is an inherited property

Whatever font-family is set on the <body>, ignoring the div entirely

Yes, it adds the same weight as an inline style

No, !important overrides through a separate rule layer rather than boosting specificity itself

Yes, it multiplies the selector's existing specificity score

Mixing different unit types, like percentages and pixels, in one calculation

Automatically converting pixels into percentages

Rounding the final value to the nearest whole number

By setting the main content's margin-left to at least the sidebar's width

By applying overflow: hidden to the sidebar itself

CSS Quiz