Favourite Recipe Site - Part B

  1. Login to your W3 Schools Spaces account
  2. Now create a new file called style.css. You can leave it blank. You will now start adding your css style code to this external file instead of adding it all to your main html file.
  3. Now open your project2.html file. At the top of the page insead the "head" tag, add a link to your external style sheet that you called "style.css" page. See example Here
  4. Inside your "head" tag, import Google Fonts by putting a link to Google Fonts above your link to your "style.css" file See example here
  5. Now below your "h1" recipe heading that you created in Part A add a paragraph describing your recipe. Save and close your project2.html file
  6. Open your "style.css" file and add styles that will give a Google font family to both your "h1" tag and your "p" tag. Save and close your "style.css"
  7. Open your "project2.html" file and run the file and see if the Google font you chose is applied to your heading and paragraph.

Now go back to your course and continue with chapter 4 of the CSS3 Foundations StudioWeb course.