1
00:00:00,490 --> 00:00:04,340
All right, now I'll show you how I
link each HTML page to the style

2
00:00:04,340 --> 00:00:06,587
sheet located inside the CSS folder.

3
00:00:06,587 --> 00:00:11,197
First in index.html, I set the link

4
00:00:11,197 --> 00:00:15,968
tags href value to css/style.css.

5
00:00:15,968 --> 00:00:20,812
And this changes the look of the page by
applying the styles written in style.css.

6
00:00:20,812 --> 00:00:23,880
Next, in about.html,

7
00:00:23,880 --> 00:00:28,554
I added a link element in the head, and

8
00:00:28,554 --> 00:00:34,413
set the href value to ../css/style.css.

9
00:00:34,413 --> 00:00:39,592
So again, we're moving back to
the root directory with ../,

10
00:00:39,592 --> 00:00:43,185
then into the css folder
to load style.css.

11
00:00:43,185 --> 00:00:47,206
And now the About page takes on the CSS.

12
00:00:47,206 --> 00:00:51,151
Finally, I used the same file path for

13
00:00:51,151 --> 00:00:57,824
all three files in the posts folder,
../css/style.css.

14
00:00:57,824 --> 00:01:01,887
And when I click over to a story, you'll
see the style is applied to each page.

15
00:01:06,079 --> 00:01:07,517
So that's it for this practice session.

16
00:01:07,517 --> 00:01:11,140
I hope that you were able to
complete everything successfully.

17
00:01:11,140 --> 00:01:15,260
You're also going to learn a whole lot
more about HTML and CSS here at Treehouse.

18
00:01:15,260 --> 00:01:16,830
So thanks everyone, and happy learning.