CSS - Excercise #1

1. Add some styles

We’ll spend the next ten minutes on the following:

  1. Open your index.html file.
  2. Add a <style> tag inside the <head> tag.
  3. Try out the following properties on your other elements. (linked for reference)
    1. background-color
    2. border
    3. font-size
    4. font-weight
    5. text-align
    6. text-decoration
    7. margin
    8. padding
    9. width
    10. height

Here’s a completed version of the above exercise.

2. Include CSS File

  1. Include the css file inside the <head> tag of your index.html file. <link rel="stylesheet" src="style.css" />
  2. Add the styles from above to the new style.css file. Make sure you remove the <style> tag.
  3. When you refresh the index.html page, the styles should stay the same.