When elements overlap, they are ordered on the z-axis (i.e., which element covers another). The z-index property can be used to specify the z-order of overlapping elements. Which set of statements about the z-index property are true?
There are many properties that can be used to align elements and create page layouts such as float, position, flexbox and grid. Of these four properties, which one should be used to align a global navigation bar which stays fixed at the top of the page?
In the following example, what color will paragraph one and paragraph two be? (Alternative: In this example, what color will paragraphs one and two be?)
CSS grid introduced a new length unit, fr, to create flexible grid tracks. Referring to the code sample below, what will the widths of the three columns be?
When adding transparency styles, what is the difference between using the opacity property versus the background property with an rgba() value?
CSS grid and flexbox are now becoming a more popular way to create page layouts. However, floats are still commonly used, especially when working with an older code base, or it you need to support older browser version. What are two valid techniques used to clear floats?
What is true of block and inline elements? (Alternative: Which statement about block and inline elements is true?)
In the following example, which selector has the highest specificity ranking for selecting the anchor link element?
CSS transform properties are used to change the shape and position of the selected objects. The transform-origin property specifies the location of the element’s transformation origin. By default, what is the location of the origin?
When using media queries, media types are used to target a device category. Which choice lists current valid media types?
Which of the following is true of the SVG image format? (Alternative: Which statement about the SVG image format is true?)
What is not a valid way of declaring a padding value of 10 pixels on the top and bottom, and 0 pixels on the left and right?
Using the :nth-child pseudo class, what would be the most efficient way to style every third item in a list, no matter how many items are present, starting with item 2?
If the width of the container is 500 pixels, what would the width of the three columns be in this layout?
The calc() CSS function is often used for calculating relative values. In the example below, what is the specified margin-left value?
The values for the font-weight property can be keywords or numbers. For each numbered value below, what is the associated keyword?
When using flexbox, the “justify-content” property can be used to distribute the space between the flex items along the main axis. Which value should be used to evenly distribute the flex items within the container shown below?
The flex-direction property is used to specify the direction that flex items are displayed. What are the values used to specify the direction of the items in the following examples?
There are two sibling combinators that can be used to select elements contained within the same parent element; the general sibling combinator (~) and the adjacent sibling combinator (+). Referring to example below, which elements will the styles be applied to?
Which CSS will cause your links to have a solid blue background that changes to semitransparent on hover?
