HTML 1
You usually write regular text in this.
What is a <p>
You usually use this to write a title.
What is <h>
This makes text red.
What is color: red;
This makes background blue.
What is background-color: blue;
This goes on the top of every HTML document
What is <!DOCTYPE html>
This is always the first child of <html> and holds metadata (such as <title>).
What is <head>
This html element hold all the <div>, <p>, and others that are displayed on the page.
What is <body>
This is what you put all the styles in when you want to change the look of every element inside class="bob".
What is .bob {}
This is what you put all the styles in when you want to change the look of all <p>.
This is the meaning behind the abbreviation CSS.
What is Cascading Style Sheets
This is the attribute where you put the url for a link your setting up with <a>.
What is href
This is the attribute where you put your url for your picture inside <img>.
What is src
This puts 20px of space between the boxes within a flexbox.
What is gap: 20px;
This style makes 3 evenly spaced columns in a grid.
What is grid-template-columns: 1fr 1fr 1fr
This is an HTML comment and a CSS comment.
What is <!-- --> and /* */
These were added later in HTML. Some examples are <main>, <header>, and <footer>.
What are Semantic Tags
This makes an image display half as wide as the screen.
What is width: 50%;
This puts a border around an element with a thickness of 5px.
What is border: 5px solid black;
This styles all <a> inside <header>
This makes a box within a flex container squish other boxes outward.
The way we used to add colors to HTML before we learned about styles.
Inline Style
style="color:red;"
The concept where you can put one element inside of another element.
What is Nesting
This makes the style always show up no matter what.
What is !important
This changes the styles for <a> that are descendents of only the <div>'s in the "bob" class that are hovered on.
What is div.bob:hover a {}
This property allows you to change opacity over a period of time to fade in and fade out a button background.
What is transition