Need up to 30 seconds to load.
this is a CSS tutorial in 30 seconds or
so and it's brought to you by top vidcom
before we're able to actually start
writing CSS we need to link our CSS
document to our HTML page that way where
HTML page knows where it's getting these
instructions on how to style everything
from so I've created a new CSS document
here it's easy to do in something like
Dreamweaver just called in - 30 - layout
dot CSS and I want to link that to this
dot HTML file which is located right
there in the same folder just above it
so here's what we need to do we need to
place a link in the head portion of our
HTML page so I'm going to go right after
the title and I'm going an open angle
bracket and say link and the first thing
I'm going to say is href because I want
to link to my CSS page now because it's
in the same folder all I like to say is
in 30 - layout dot CSS because it just
knows alright look around your own
folder HTML page and it's going to see
that there is a CSS document name that
next introduced I'm going to say rel
equals and then in open opening the
quote we're going to say style sheets
close quote and the last thing when you
do is tell it what kind of type this is
so the type is text slash CSS and then
just a closed angle bracket no need to
close this link tag itself that closed
it's closed just like that now our dot
CSS file is attached to this HTML
document and when we go ahead and start
writing code in our CSS document to
style things in our HTML document the
HTML document is going to know to listen
to what this dot CSS file has to say
that's it get it got it good nathaniel
Dodson touch vidcom I'll catch you in
the next one
![How to Link a CSS File to a HTML File [Web Tutorial]](https://i.ytimg.com/vi/gr7kzZchs7k/mqdefault.jpg)
