Build Your First Website with HTML and CSS Quiz

Quiz: CSS fundamentals

Pass mark: 70%. You can retry as many times as you need.

1 A paragraph has class="note". You have p { color: black; } above and .note { color: blue; } below in the stylesheet. What color is the text, and why? Single answer Black, because it was declared first Black, because p is more specific than a class Blue, because a class selector is more specific than a type selector Neither: the browser reports a conflict

2 Which of these properties are normally inherited by child elements? (several answers) Multiple answers possible color margin font-family border

3 With the default box model, an element has width: 300px, padding: 20px and a 5px border on each side. How wide is the box on screen? Single answer 300px 320px 340px 350px

4 Which choices help the layout adapt to different screens and to visitors who enlarge their text? (several answers) Multiple answers possible Font sizes in rem A container with width: 90% and a max-width A fixed height in pixels on a box full of text Images with max-width: 100% and height: auto

5 You write nav .menu a { color: red; } but nothing turns red, and the markup is <nav class="menu"><a href="#">Home</a></nav>. What is the problem? Single answer Links cannot be styled with CSS The space makes .menu a descendant of nav, while the class is on the nav itself; use nav.menu a The a element needs an id The rule must use !important