Lessons

CSS

CSS

CSS · 10 questions

CSS quiz

Answer every question, then score the quiz. The result is saved in this browser.

1. In the rule `p { color: red; }`, what is `color`?

The selectorThe propertyThe valueThe declaration block

2. Which is the recommended way to add CSS to a multi-page website?

Inline style attributesA <style> tag on every pageAn external stylesheet linked with <link>Using <font> tags

3. Which selector has the highest specificity?

p.intro#maindiv p

4. What does `a:hover` select?

All linksLinks that have been visitedA link while the mouse pointer is over itThe first link on the page

5. With `box-sizing: border-box`, what does `width: 200px` include?

Only the contentContent and paddingContent, padding, and borderContent, padding, border, and margin

6. If the root font size is 16px, how big is 2rem?

16px18px32px2px

7. In Flexbox with the default `flex-direction: row`, which property centers items horizontally?

align-items: centerjustify-content: centertext-align: centerplace-content: middle

8. What does `grid-template-columns: repeat(3, 1fr)` create?

Three rows of equal heightThree equal-width columnsOne column repeated three times its widthA 3px gap between columns

9. In mobile-first CSS, which media query typically adds styles for larger screens?

@media (max-width: 768px)@media (min-width: 768px)@media screen-large@media (orientation: mobile)

10. Which properties are cheapest for the browser to animate smoothly?

width and heighttop and lefttransform and opacitymargin and padding

Next track: JavaScript

Retr0 Academy

A Web3 developer school on NEAR, built at NEAR HACKATHON. Designed by Sina Jalilian. Progress stays in this browser.