Assignment: Cascading Style Sheets

In this assignment you will develop a Cascading Style Sheet (CSS) to control, the look, feel, and layout of some provide HTML content.

You will transform from this:

To this:
Using only CSS.

Resources

There are several sources of information so you can do the assignment:

Pre-Requisites

Tasks

Here are the tasks for this assignment.

What To Hand In

For this assignment you will hand in:

  1. Image (JPG or PNG) of your index.htm with the styling applied
  2. Image (JPG or PNG) of the source code of your blocks.css file
  3. Image (JPG or PNG) of your blocks.css passing the W3 CSS validator
  4. Image (JPG or PNG) of your browser viewing www.brainyquote.com with all styles turned off
  5. Image (JPG or PNG) of your browser at www.brainyquote.com inspecting the navigation element to find its background color

Sample Screen Shots

Using inspect element on the https://www.brainyquote.com/.

Looking at https://www.brainyquote.com/ using Chris Pedrick's Web Developer add on to turn off all styles:

Passing the CSS validator:

Provided by: www.wa4e.com

Copyright Creative Commons Attribution 3.0 - Charles R. Severance