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:
- http://www.clock.tissin.com/– View a new color every second
CSS Practice
- 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
- Set up a new page in Notepad++ and include style tags in the head section
- Let’s add a paragraph, a headline, and a link to our HTML.
- Let’s add some properties and values to our CSS for our headline and paragraph: text size, color, and alignment.
- 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).
- Now let’s add this background image to our page by modifying this code
- Now we’re ready for a Google Font.
- Finally, let’s style our link.
- When done: CSS Quote project