Building Web Pages with HTML and CSS4:49 with Treasure Porth
Learn to personalize and change the look of a web page by adding and changing HTML tags and CSS attributes.
Note: You may have noticed that the background-color property we changed to blue in the previous video is back to grey. You can swap the
blue value on line 77 in your styles.css file back to
#e2e2e2 if you want your project to look identical to Treasure's!
In this video, we get to explore, edit, and update the sample HTML and CSS for a fully functioning website! If you're following along in your Workspace, you'll see that there is already a lot written here! Luckily for us, updating a style can be as easy as replacing a single value - like when we change the color of the text from
Not seeing your changes update in browser? Make sure you've saved your work in all of your Workspace files before you refresh the page!
Saving your changes in Workspaces
Remember, to view the changes you've made to the project files in your Workspace, you'll first need to save each file you've edited before refreshing the browser. When Treasure asks you to change the color to blue and refresh, make sure you've saved the file first! This is quick and easy if you use one of these shortcuts:
Saving your file
|Operating System||Keyboard Shortcut|
|Mac OSX||Command ⌘ + S|
|Windows||Ctrl + S|
This lesson introduces two additional "advanced" concepts in HTML and CSS. You'll become more familiar with these in time, but if you'd like to read more, check out these links to the Mozilla Developer Network guides!
You need to sign up for Treehouse in order to download course files.Sign up