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.
.cssstylesheet to our
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 of
my-first-webpageand 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.
Update your cat's homepage or dog's blog to have some styles. If you haven't created a pet website yet, go ahead and do that.
Be sure to make commits and push those commits to GitHub as you are working on your pages.
Lesson 26 of 66
Last updated October 6, 2022