CSS Summary

You should know the following

• Semantic HTML Tags
• 'div' tag
• HTML is rendered from the top left side of your browser
• Block vs Inline Elements
• CSS property - `display`
• Parent/Container Element vs Children/Descendant Element(s)

Block Elements

<p style="background-color: red; color: white; padding: 5px;">Browsers ......</p>
<p>This is a second ......</p>
    

Browsers typically display the block-level element with a newline both before and after the element. You can visualize them as a stack of boxes.

This is a second paragraph which starts on a new line

Inline Elements

<p>The following 'span' is an <span style="background: red; color: white;">inline element</span>
....</p>
    

The following 'span' is an inline element its background has been colored to display both the beginning and end of the inline element's influence.