Need up to 30 seconds to load.
okay everyone so in this tutorial we're
gonna learn how to link
css to html in visual studio code
but of course you can do this in any
other code editor
all right so the goal is just to change
this heading 1 to another color
after we linked our css file
to this html file all right so first i'm
just going to go and create
this new file style.css
like that now go to index.html
between the head tags we're going to add
the marker
if you are in wishes to record you got
emit that means
if you type in link and hit tab
this will autocomplete this line of code
if it doesn't work for you you can just
type it manually
after that in href between the double
quotes
we're gonna add this style.css
so just type in style dot css
and as you see we also got this uh file
suggestion so we can click on that as
well so now we're gonna check if this is
linked just hover
over your file name now you can see that
we have this pop-up
follow link command plus click on mac
on pc you will have control just hold in
command on mac
or control on pc and click on this
link and if you come to the style.css
that means
everything is linked so let's go and
check that everything is all right
i'm just going to change the color of
this h1
and i'm going to save this one go to the
browser
update the browser and that's it now we
have linked
our css to html using wishes to the code
if you like this video and want to learn
more about programming
please subscribe to this channel comment
below if you have any questions
and you can also check out my latest
video right here in the top right corner
have awesome day take care and bye
![How to Link a CSS File to a HTML File [Web Tutorial]](https://i.ytimg.com/vi/gr7kzZchs7k/mqdefault.jpg)
