Our goal now is work with the cease fire.
And to do that, I need to make sure the HTML file can see this CSS file.
If you remember a few classes ago, we did the link between the HTML file and this JS file, which is
working fine.
And right now we're going to work with the HTML file to this CSS file.
So we need a link between them.
Actually, the link is going to be applied over here.
So let's see, how can I do that?
Back to my HTML file inside of the head and the link the place where you need to put the the reference
to the file as a best practice should be inside of the head should be one of the first.
Tasks the browser will do when it loads a web page.
So over here I'm just going to type link and I can see the option to cease the code is link rel to a
stylesheet CSS and.
The visual code is guessing.
My file name is style CSS, which is right is dot CSS.
So if you want to see styles or anything else, just change with styles.
CSS.
I did change my one and I believe it's working now.
I'm going to save the config and there is nothing.
So just a blank page.
So that's great.
Right now I want to test that.
I want to make sure I can change the background color through the cease file.
So the change I'm making right now is inside of the CSS file.
I am going to change that background.
If I change the background of the CSS file, that should reflect into the HTML file.
So let's go there style dot CSS.
What I want to change is the whole section of the body.
I can change paragraph, I can change letters or words or links.
In my case, just to be very easy and simple and straightforward.
I want to change the whole body.
So I'm going to start over here.
So I type body and then curly braces.
There we go.
I have the scope to start making my changes.
The first change that I want to make is the background color.
The background color, if I remember correctly, the background color.
I believe it was this color in here.
Burley, would you can change to whatever color you want.
I just want to make sure the link is working.
That's why I'm changing the color right now.
So I'm going to save this config and going back here to my project.
There we go.
It changes.
Yeah.
If I pick another color and this color doesn't need to be by name, it can be by hex as well.
So if I get background color and I can choose the hex values right over here, if I go for a blue save
the file, I got the background blue.
So basically that's what I need.
I'm going to change.
Back to Pearly.
Would the linking between the CSS file and the HTML file is done?
Now we can go to the next class where we're going to add the hello world and make the few changes and
tweaks inside of this CSS five as well.