CSS 1
CSS 2
CSS 3
CSS 4
CSS 5
100

What is font-family?

This CSS property changes the typeface (font) of text.

100

What does CSS stand for?

Cascading style sheets

100

Four parts of the CSS Box model

Margin, border, padding, content

100

What is a popular CSS framework that helps create responsive designs and reusable components.

Bootstrap
100

Property that controls the thickness, style, and color of an element’s border.

border
200

What is line-height

This CSS property controls spacing between lines of text.

200

What section of your html do you link your external style sheet?

<head>
200

If an HTML element has class="menu", how would you write a CSS selector that targets only elements with both classes?

.menu

200

What style will be applied to the <p> element in this HTML/CSS?

<p class="intro">Hello World</p>
p {
  color: red;
}
.intro {
  color: green;
}
The paragraph will be green
200

Write a CSS rule to make all <h2> elements use the font “Verdana”, bold, and colored dark green.

h2 {
  font-family: Verdana, sans-serif;
  font-weight: bold;
  color: darkgreen;
}

300

What is rgb()?

This CSS function defines colors using red, green, and blue values.

300

What is hexadecimal color?

This color format begins with a # symbol and then six digits from A-F, 0-9 giving you your red, green, and blue values.

300

What are the three types of CSS?

Inline, internal, and external

300

How would you select all <li> elements inside a <ul> with class menu?

<ul class="menu">
  <li>Home</li>
  <li>About</li>
</ul>


.menu li { }

300

Write me CSS changing the font color using INLINE styling of an h1 tag

<h1 style="color: red;">

400

The correct order of the shorthand CSS margin property values is?

Top, right, bottom, left

400

What is inheritance?

This CSS behavior allows child elements to receive styles from parents.

400

CSS property that sets the stacking order of positioned elements.

z-index

400

In Bootstrap, this class is used to create a grid container.

.container

400
How do I write INTERNAL css?
<head>

<style>

</style>

</head>

500

What is em?

This CSS unit is relative to the parent font size. Used for sizing, not pixels. 

500

Full syntax for linking an external stylesheet

<link rel="stylesheet" type="text/css" href="styles.css">

500

What are the two aria states?

aria-checked, aria-expanded

500

How do you start a media query? 

@media

500

Bootstrap’s grid system is based on how many columns?

12

M
e
n
u