Heading Heroics
List-o-Mania
Paragraphs & Parts
CSS Style Basics
The Selector Sector
100

This tag is used for the largest, most important heading on a webpage.

What is <h1>?

100

This tag is used to create a bulleted list where the order of items doesn't matter.

What is <ul>?

100

This simple tag is used to define a basic block of text or a paragraph

What is <p>?

100

This CSS property is used to change the color of the text inside a tag.

What is color?

100

To style all paragraphs at once, this is the "selector" you would use in your CSS file.

 What is p?

200

Between <h2> and <h5>, this one will result in a smaller font size by

What is <h5>?

200

f you want a numbered list to show a step-by-step process, you use this tag.

What is <ol>?

200

This is the "container" tag that holds all the visible content of your website, from headings to paragraphs.

What is the <body> tag?

200

If you want to change the color of the "paper" behind your text, you use this property.

What is background-color?

200

 These curly characters are used to wrap all the CSS rules for a specific selector.

What are brackets { }?

300

These are the two characters required to "close" a heading tag properly.

What are </?

300

Whether your list is ordered or unordered, every single item inside the list must be wrapped in this tag.

What is <li>?

300

Unlike a paragraph tag, this "self-closing" tag creates a simple line break without adding extra space.

What is <br>?

300

This specific property is used to change the size of your text, often measured in "px"

What is font-size?

300

To change the font of your text to "Arial" or "Sans-serif", you use this CSS property.

What is font-family?

400

In the hierarchy of a page, these sub-headings should always follow an <h1> rather than skipping straight to an <h3>.

What are <h2> tags?

400

This is the term for putting one list inside of another list, such as an <ul> inside of an <li>.

What is nesting?

400

This type of tag, like <a> or <img>, usually requires "attributes" to work correctly.

 What are empty or void tags? (Also accept: Tags with attributes).

400

In CSS syntax, this character must follow every property name (like color) to separate it from the value.

What is a colon :?

400

This property is used to move text to the left, right, or center of the screen

What is text-align?

500

This is the specific number of standard heading levels available in HTML.

What is 6?

500

To change an ordered list so it uses Roman Numerals (I, II, III) instead of numbers, you would add this specific attribute to the <ol> tag

What is the type attribute?

500

 This is the invisible section of the HTML document where the <title> and CSS links are stored

 What is the <head>?

500

This character is used at the very end of a CSS line to tell the computer the instruction is finished.

What is a semicolon ;?

500

If you write h1, p { color: blue; }, this is the term for what you are doing to those two selectors.

What is grouping?