Module 1 - CSS 1

    The order of the Box Model from inside out
    
    1. Content (the element's context such as text)
    2. Padding (the spacing between the content and the element's border)
    3. Border (the element's border)
    4. Margin (the spacing between the elements border and other neighboring elements)
    * { /* Resets and Default styling */
        margin: 0;
        padding: 0;
        font-family: sans-serif;
        font-weight: lighter;
    }
    
    #box {
        background-color: blue;
        font-size: 20px;
    }
    
    #box > h1 {
        color: white;
CSS 1