Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Preview
Start a free Courses trial
to watch this video
This video covers how to link one stylesheet to multiple HTML files.
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
All right, now I'll show you how I
link each HTML page to the style
0:00
sheet located inside the CSS folder.
0:04
First in index.html, I set the link
0:06
tags href value to css/style.css.
0:11
And this changes the look of the page by
applying the styles written in style.css.
0:15
Next, in about.html,
0:20
I added a link element in the head, and
0:23
set the href value to ../css/style.css.
0:28
So again, we're moving back to
the root directory with ../,
0:34
then into the css folder
to load style.css.
0:39
And now the About page takes on the CSS.
0:43
Finally, I used the same file path for
0:47
all three files in the posts folder,
../css/style.css.
0:51
And when I click over to a story, you'll
see the style is applied to each page.
0:57
So that's it for this practice session.
1:06
I hope that you were able to
complete everything successfully.
1:07
You're also going to learn a whole lot
more about HTML and CSS here at Treehouse.
1:11
So thanks everyone, and happy learning.
1:15
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up