CSS vs HTML

Class Tuesday, October 24, 2017

 Today’s goals:

  • Continue learning CSS, including styling links
  • Learn how to add a Google Font
  • Get started on CSS Quote project

 Today’s featured website:

 CSS Practice

  1. You will:
    • Add CSS and apply it to your HTML
    • Change the background color of your page
    • Add a background image to your page
    • Change the font
    • Change the text color and size
    • Add a Google Font- NEW today
    • Style links- NEW today
  2. Set up a new page in Notepad++ and include style tags in the head section
  3. Let’s add a paragraph, a headline, and a link to our HTML.
  4. Let’s add some properties and values to our CSS for our headline and paragraph: text size, color, and alignment.
  5. Let’s add a body declaration to our CSS and change the background-color of our page (see more about CSS colors here in case you’re curious).
  6. Now let’s add this background image to our page by modifying this code
  7. Now we’re ready for a Google Font.
  8. Finally, let’s style our link.
  9. When done: CSS Quote project