Let's Get Started with Stylesheets!

  1. Login into your Code.Org account.
  2. Click on your name.
  3. Choose: My Projects
  4. Click on your My First Web Site project.
  5. Click on your index.html file.
  6. Add this line before your <head> tag if it is not already there:
    <link rel="stylesheet" href="style.css" />
  7. Click on the style.css file.
  8. Add this code after Line 9:
    .selected {
      color: black;
      text-decoration: none;
    }
  9. Add this code after Line 7:
      color: deeppink;
  10. Add this code after Line 14:
    a {
      color: deeppink;
    }
  11. Click: Refresh and Save
  12. To view your changes, click on your index.html file.
  13. Add CSS code to change the font-family, font-size, and color for your <h1> and <p> tags.
  14. Add CSS code to change the background-color for your web page (the <body> tag).
  15. Add CSS code to change the background-color and border (use border: 2px ridge yellow; background-color: yellow;) for your <hr /> tags.
  16. Click: Refresh and Save
  17. To view your changes, click on your index.html file.