Web Design End of Quarter 1 Test Questions in Practice

Question 1: Attribute selectors

Question 2: Subsequent-sibling combinator

The MDN website calls ~ a subsequent-sibling combinator. To see this in operation, look at the following:

Paragraph 1

Paragraph 2

A Divide

Paragraph 3

Paragraph 4

I used div ~ p to select paragraphs 3 and 4 and color them green.

Question 3: border-image property

Question 4: text-shadow property

Question 6: Double image background-image property

Question 7: background-size: cover

Question 9: Simple media query example

Question 11: border-radius property

Question 12: first-of-type pseudo-class

Question 13: semi transparent background-image

Question 21: border with width, style, and color

Question 22: Default alignment of img elements

Some of my classmates keep getting this wrong, so I want to try to help them remember. The Star Trek logo here is in the middle of this paragraph. You can clearly see it is aligned to the bottom of the text.

Question 23: loop="loop"

Question 24: quadraticCurveTo

Using the CanvasRenderingContext2D: quadraticCurveTo() method, I created this canvas: