How to Link CSS to HTML Document

In this tutorial we'll take a quick look at how you can link your .css document directly to your HTML document so you can begin writing CSS code that will style and beautiful your HTML content. Check it out and give the video a thumbs up if you enjoy it! Thanks!
💰 Support the Channel and use WP Engine for your website! → bit.ly/3Yoqgpu
📸 INSTAGRAM → / thenathanieldodson
/ tutvid

[@nkosikhonadube241]

Thanks man. Just as i was about to give up and submit a basic website for my assignment i stumbled upon your video now I can properly design my website.

[@zomchick0954]

Great tutorial, no messing around just tells me how to do it 10 out of 10.

[@nataliegrayhandle]

Yes.

[@pushparajnule]

8 years ago💀

[@justme_chi11ing]

🗿

[@NishantSharma-ef7xi]

🥷🥷🥷

[@joshuadonnelly7473]

I’m literally in the middle of a mid term amazing video dude

[@aaronselassie117]

hahaha

[@BeyonJacob]

Same

[@luisvillanueva1587]

Thank you!!! I'm Struggling Doing This Before Thank You For This Tutorial This Is So Useful ❤️

[@haz2077]

It's annoying knowing how paid teachers can't teach shit while a minute-long video does more.

[@mafiask575]

real shii maneh🤣

[@andrewneumann9679]

My teacher fucking sucks at teaching and I’ve been trying to do this for the last 3 class periods and this video helped me out so much. Thank you

[@max_vantastic6740]

Super helpful, pleas make way more, they are awesome. Just what I was looking for.

[@tadeuvieira319]

Straightforward to the point. Perfect!

[@devplusplus-59]

No BS, just straight to the point❤

[@ethanallred2543]

Thank you! I feel stupid now, because I forgot to do that, but this helped me remedy that! Thanks again!

[@tieeieita2735]

fast and simple... Love it ...Keep posting more tutorials. THUMBS UP!!

[@LooseCannon123]

Thanks so much for being straight to the point and very helpful.

[@toothfairy5352]

Quick. Simple. Thank you.

[@teck6492]

Clear, concise and easy to understand. Thank you sir.

[@teshki1449]

thanks, finally! shortly, clearly and useful!

[@animationtime9523]

hey found you on google your video is so short and helpful i was a coder and cam back so thanks man

[@melisasanchez2145]

THANK YOU SO MUCH!!!!! this was easy and so good! Lifesaver!

[@ardraa9108]

I watched many vdos to correct this mistake.. But didn't get it.. But now, i solved it.. Thankyou

[@ET-oq1vj]

yt should invent a super like button for videos like this.

[@LIG87]

Thank you for this! straight to the point

[@tanakakazuki7307]

Thanks A Lot man. I was fucked up learning myself and finally found the solution from you. Keep going on!!

[@vernevens1598]

Thank you very much. I was having trouble getting the html to link. Works now.

[@Ferrebsol]

Fast. To the point. Worked for me. Have a like!

[@elite.marwan]

This man solved me a life crisis ✅thx

[@danabram]

I am here because I did that and it still doesn't work!

[@ratch3671]

most likely because you should not have HTML code in the CSS file like

[@JoelPlay]

@@ratch3671 were not idiots omg

[@Vasu-b9j]

solved it ? please tell me the solution ?

[@suyashpatni4032]

Maybe its because your CSS file and HTML file are not in the same directory

[@kaizarbharmal3556]

@@suyashpatni4032 they are

[@taharanger-yj6mo]

Thanks brooooo love u a lot
My problem with vscode is solved❤

[@coolperson213]

thanks, im new to programming and this helped me out a bunch thanks a lot! :)

[@jiratest5656]

Thank you very for my quick fix in my html to css. great video

[@himanshi3745]

Thank you sooooo much!!! This is very helpful and it worked!!! Thanks!!

[@Hassan-ml7sm]

you are software eng....?

[@alim7532]

Very easy and straight forward wonderful maaan!

[@Asif-fr4jg]

Thanks man...Really appreciate the help.

[@itskishank]

Liked the video because of the Adventure Machine mix Intro you used there.

[@SpookyKillerz]

Thanks for the video! More code vids please.

[@brianjaimes2048]

A great help for us newbs. Thanks!

[@ashishphoolbhati5782]

thank you tautvid.. it really worked

[@hannahakino1177]

Yo.....big ups man.......this video had really helped me.
Thanks alot✌💪

[@FeazzyHD]

Thanks for the help!

[@amrik9614]

still doesnt work

[@primefulkai5645]

For those that it still does not work i think i found a solution.
HTML


Hello World



Website Test
CSS Test

-------------------
body
h2{
color: red;
font-size: 70px;
margin: 0px;
background-color: blue;
text-align: center;
}
What i did to get it to work is not add brackets for body. So instead of body{} i just did not give it any brackets instead i put brackets on one of the headers. If you want copy and paste this code and you will see what i mean. The problem is not the linking its the css code

[@Badboy20400]

@@primefulkai5645 THANK YOU SO MUCHHHHHHHHHH

[@primefulkai5645]

@@Badboy20400 Noo problem

[@darklordhyper]

@@primefulkai5645 What does it mean

[@mdmasudurrahman4659]

@@primefulkai5645 many many thanks

[@sirfmgamer5655]

Yes. Very well explained and in less than 2 minutes :)

[@Thatmaca]

thanks

[@kylanicoleelecho6476]

Thankssss great help!

[@Romeo777gaming]

thankyou bro you helped me for this doubt

[@icooldiamond]

when a teacher teaches this in 3 hours while this madlad did it in 1:37

[@edgybirbfinn6950]

thank you! this really helped!

[@joanwinter6525]

That was the fastest I've ever learned something

[@eswar9255]

i subscribed with in first 2sec of your voice without observing without any thing very much attractive voice

[@Moskov_]

[@samsure2003]

thank you this helped me so much
i have a request. can you record while coding a profesional website

[@animationtime9523]

hey this is not my main channel i usually work on but i am thinking about it are you still into watching someone do that or not

[@savaavavaa2126]

You are a life saver ❤

[@Tarawaraa]

Man, if I did not thank you I am not faithful. Thanks for this jannock tip(s)

[@mohammedamer7896]

when linking css file in html get: ---localhost refused to connect---
but when i put style in html it works
DON'T KNOW WHY?

[@barthelemypeter9144]

Thanks for the Help!!

[@GetTheMet]

Great video. Thank you!

[@beksman0284]

It worked, Thanks!

[@agent6467]

Thanks! I just subscribed!!!

[@holincrystal746]

You're my man!!!

[@naimaahmed4994]

Get it? Got it! Good!
Good phrase

[@rahulwangekar9685]

it helped me out thanks

[@taylorcason4077]

OMG Thanks so much!

[@laxmimuttennavar3872]

Thank you sir

Can i say for an example
Text/java?
Or not?

[@pusangering69]

thanks for this got my problem solved

[@grneyefin]

Get it...got it...good! 😁👍

[@sensiii854]

thanks for the help bro ;)

[@bainsonic]

Hey great video :)
btw do you know adobe brackets and if so is there a specific reason you use dreamweaver and not brackets?
would be interested to hear your thoughts since I worked a lot with dw in the past but nowadays I find myself working more and more with brackets :)

[@emmanuelamoh7181]

Thanks for the clarification :D

[@maxlegend1374]

man for the love of god lol i need some help my css is not linking to
the html ive tried everything searched high and low on the web lmao like
damn why me

[@powerfulduasandwazifaz]

Same here

[@misschoa9358]

well same for me

[@luke21x6]

Great video, but it would of been better if you zoomed in the screen on the stuff that your talking about.

[@fandetomate]

thank you, i'd like you by your type of learning for lay people

[@SUPERNOVA0083]

thanks !

[@MarcoBiedermann]

You can actually remove the type attribute on the link element. It has no use any more

[@killerstang71]

val la it works!! Great vid

[@hariharpatel1075]

Tell me which editor do you run

[@darrenglenn2806]

Great video

[@BansalHirdyansh]

just dont do any typing mistakes in rel="stylesheet" it is also a key factor. (i was stupid and doing it wrong thats why i wanted to tell this)

[@laurastenhouse5949]

Perfect! Thank you very much

[@tutvid]

Glad you enjoyed it, Laura!

[@user-ts3wc6df3w]

Short and clear

[@cinevapemonociclu5596]

Good tutorial😀😀😀

[@YonikWo]

I fucked up so hard, I just forgot that stylesheet xD thanks :)

[@bernardappiah2780]

Thanks it worked

[@hansrajmanjre1836]

Hi sir! really appreciate the tutorial but could you create a video on how to type the code i n css

[@kalMHe]

Thank you very much !

[@techmaster90]

Question: Where does the linked CSS code attach in the HTML when using the Link tag? What format or text structure does it form? Does it attach at the top inside the header? or does it attach at the bottom of the HTML document? Where can I find more info on this? Please and thank you.

[@Loislyrics]

Thank you 😊

[@as-vc2eu]

Thanks! :D

[@fidashnakher8942]

HUGE THANKSSSSSSSSSSSSS :)

[@Nature_coner]

Is there an alternative to link to a style sheet to an html file other that the “link attribute

[@gabrielleholt1863]

Victoryyyy. Lol an incredibly small victory, but I'm counting it nonetheless

[@wawin8053]

you are good person

[@AnitasPomeranians]

Love you 😮

[@mylesx]

Thank you boss🫡

[@neoluddite5676]

Thanks that helps

[@ammarhasan9907]

thank you so much

[@raiyyan8514]

Worked for me

[@kyletaghoy549]

Thank you.

[@b4ptie849]

THANK YOU!!!!!!!!!

[@souljahwitch9317]

thanks you so much

[@seyahatdeneyimleri]

Thank u so much :)

[@StonyCodes]

beginner here - what's he doing with the asterisk on the stylesheet?