CS 344 - Fall 2018: Assignments

Lab 2
Thursday, September 13, 2018

Copy the lab2 folder from the class storage file to your desktop. You'll use the file here as a starter for this lab assignment.

Styling Practice:

  1. Browse the index.html file to see what it looks like.
  2. Connect the index.html file to the test.css style sheet in the lab2 folder. Browse the index.html file again and notice how it has changed.
  3. What happens if you add this style rule to the em and strong set
        display: block;
    Was that a good idea? (No. Take it out!)

  4. Add style to the test.css file to try and get to this layout:
    lab solution

  5. Add a style rule (and necessary change to the html) to make the first p element have a width of 200px and float to the right of the browser window.
  6. Change the html to make use of the "full" class in the css so that the second <hr> goes across the full browser window.
  7. Play around with the box properties of the elements and float and clear to change the layout of the page.