CSS FUNDAMENTALS
COMBINING HTML WITH CSS
ADVANCED HTML/CSS FEATURES
CODE REVIEW
RANDO
100

This CSS property changes the text color of an element.

What is color?

100

This HTML tag is commonly used to connect an external stylesheet to a webpage.

What is <link>?

100

This HTML element is used to collect user input.

What is <form>?

100
h1 {
  background-color: blue;
}

What is the property in this example?


What is background-color? 

100

What are the two list types and their tags?

What is ol and ul? 

200

This selector targets all <p> elements on a webpage.

What is the element selector p?

200

This selector uses a period (.) before its name in CSS.

What is a class selector?

200

This HTML5 element is used to embed video content into a webpage.

What is <video>?

200

<img src="cat.jpg" alt="Cat">

This attribute provides alternative text for accessibility.

What is alt?

200
What selector would I use to style a class name of "heyo"?

What is .heyo? 

300

Margins, borders, padding, and content together make up this CSS concept.

What is the CSS Box Model?

300

This selector uses a hashtag (#) before its name in CSS.

What is an ID selector?

300

What does RWD mean in terms of html/css?

What is responsive web design? 

300


.container {
  display: flex;
}

This display mode places elements in a flexible row or column layout.

What is Flexbox?

300

What is the universal selector (selects everything on the page)?

What is *? (will accept body)

400

This type of stylesheet is written directly inside an HTML tag using the style attribute.

What is inline CSS?

400

To start a flexbox, I use what?

What is display:flex?

400

What does SVG stand for? 

What is scalable vector graphic?

400


a:hover {
  color: red;
}

This pseudo-class activates when the mouse pointer is over a link.

What is :hover?

400

This media query feature is commonly used to create responsive layouts for smaller screens.

What is max-width?

500

This CSS property controls the space inside an element between the content and the border.

What is padding?

500

The most common CSS framework is called?

What is Bootstrap? 

500

What are the two ARIA states?

What is aria-expanded and aria-hidden? 
500
<input type="password">

This form field hides typed characters from view.

What is a password input?

500

This CSS pseudo-class selects the first child element of its parent.

What is :first-child?

M
e
n
u