Task 1
File chosen - File 2
When I commented all of the CSS out, all of the styles were removed from the webpage. The webpage was reduced to its base html form.
Task 2
File chosen - File 2
The changes after each rule are as follows
- Wrapper: Page width and red border were removed
- Header: Space around header text and blue border were removed
- Leftcol: Magenta border was removed from navbar
- Rightcol: Purple border was removed from body
- Footer: Green border was removed from footer
- Leftcol ul: No visible changes occur
- Leftcol ul li a: Navbar links become underlined
- Leftcol ul li: Navbar buttons are removed and links are no longer in a row
- Leftcol ul li a:link: Dark blue is removed from navbar button text
- Leftcol ul li a:visited: Visited navbar links no longer turn red
- Leftcol ul li a:hover: Navbar buttons no longer have any style changes when hovered
- Leftcol ul li a:active: Navbar button links no longer turn magenta when clicked on