The basic HTML skeleton is the set of tags required of every HTML web page you build.
Includes information about the document such as the name of the file and other technical information like meat tags and style tag
Where you place all the information that will actually show up on the web page once it is online and opened in a browser.
Tags that define the contents of the element.
Tags that do not define the contents of the element.
Selectors are patterns used to select the element(s) you want to style
Selects all elements with a specified class
Selects the element with specific ID.
A box that wraps around every HTML element. It consists of: margins, borders, padding, and the actual content.
- An inline element has no line break before or after it, and it tolerates HTML elements next to it.
- A block element has some whitespace above and below it and does not tolerate any HTML elements next to it.
- An inline-block element is placed as an inline element (on the same line as adjacent content), but it behaves as a block element.
The float property specifies whether or not an element should float.
Floating an element takes it out of the normal document flow, which sometimes causes a parent element to collapse. Clearfix prevents elements containing floats from collapsing.
huh?
Making an outline of your CSS layout
A pseudo-class is used to define a special state of an element such as hover, click, or specific children.
- Period With No Space: Apply to elements that have both selectors.
- Comma: Apply elements that have either selector.
- Space: Child elements.
- >: Direct children.
Get a little more specific with the semantic tags section.
Flesh out the box model more.
What does float actually mean?
Look into lorem ipsum. Even just google "what is lorem ipsum"
Going through the spaces commas and dots section and making some examples would be very helpful for yourself.