Goal: In the Styling text and debugging lessons, we learned:
styles.cssfile and link to it in our HTML page
Begin taking your HTML to the next level by implementing CSS. Practice targeting elements for CSS rules, and trying out different CSS properties.
Windows + Alt + J (on a Windows keyboard, like those in the Epicodus classroom), or
Cmd + Option + J on a Mac keyboard. Don't forget to make commits and push those changes to the respective remote repositories on GitHub.
my-first-webpageproject. Make sure that the CSS stylesheet is in a sub-folder called
cssand that you correctly link the HTML document to the stylesheet (make sure the path to the file is correct!).
favorite-places.htmlin the same project folder and make it about your favorite places to visit. Add images, links and inline styling.
favorite-places.htmlpage. Make another stylesheet (make sure to name it differently than the
my-first-webpage.htmlstylesheet!) and apply CSS rules.
favorite-places.html. Remove the other stylesheets and link to the single stylesheet from both pages. You should have a consistent style between the two documents.
Be sure to make commits and push those commits to GitHub as you are working on your pages.
Lesson 24 of 60
Last updated March 2, 2021