HTML Tutorial for Beginners 15 - Adding CSS to HTML

Yo ninjas, once again in this beginner HTML lesson we're diving deeper in to the realm of ninjarizing our HTML document. In this tutorial we'll be adding our first CSS styles & stylesheet to the website, and we'll talk about the best ways of doing this.

[qgbluzp]

Your tutorials are very underrated, great explanation.

[nuancematters]

This is honestly the best tutorials I have found for HTML. I have been trying to understand how to use divs for weeks now but for some reason, no tutorials are helping -- until now. Thank you so much. I will be watching your CSS series now, too.

[xigong]

Thank you so much for this wonderful video. I especially appreciate how instead of telling us the correct way to go, you went step by step through the wrong approaches. My notes: 1) inline-styles is bad because even within a same page, one needs to repetitively add the same lines of style to every text 2) "style tag at the head of the document" is bad because even though it is efficient for managing the style of a single page, it is inefficient in simultaneously handling the style of multiple pages 3) linking up a stylesheet in the head is the best way to go

[etherealblurbs]

Your tutorials are easier to understand than my college instructors classes. Much more visual and descriptive. :D
And I was freaking out because I'm failing in my web design course, but now I get it. Thanks!

[bfe]

I really like these tutorials even if I know some of them I still watch them and it gives a new insight. Maybe you should add videos about tables, frames and forms (maybe you have mentioned forms in a different tutorials have not watched all of it yet, only watched php&mysql and this one so far).

[jenniferjohnson]

i love your tutorials, well done great explanation.

[Calibrated.motivation]

There ain't no better Guide man! None I've seen better than this

[zonic]

Great explanations...Your tutorials are very understandable.

[ExecutiveContractsFx]

I use all the types of styles in one mostly because i am more thorough with my developing. I dont even know if i should do that but it works for me

[Grapesgenixbackups]

i add the last CSS style but didn't get the result

[orsolyakenderesi]

Hi, how can I change the color in the navigation part under unordered list (as Contact Us, Price list, etc)?

[askgaming]

I have added colors for h1 and h2 individually in you 10th video now doing this. The color doesn't change it is same as it was

[Peter-bgku]

But is it not also time consuming, when you have to put the link in every single page?

[iliashalemi]

amazing tutorial, much appreciated mate <3

[Super_Cool_Guy]

But you can use find and replace option for replacing inline tags

[faithossai]

thanks so much for your videos, they've been very helpful. please I have a question.
Did you create separate files for the different segments eg contact, prices or was it the <div> effect that separated them into different segments under different files. thank you

[strgamer]

love your videos i just started learning html and css a few days ago im going pretty slow trying to get a full understanding and its going great one thing i would like to ask is .. lets say im building a website and i want those clickable links at the top like profile, contact info, and more.. would i have to structure my plan and put that info at the top of the body closest to the header ? im used to using the wix website builders and all some i get confused sometime on how to first approach things with html

[naruto]

Can the style tag be applied (or any tag) have multiple applications, for example have

h1, h2, h3 {
color: green;
text-decoration: underline;
text-transform: uppercase;

}
or does it have to be applied separately for every case?

[jkscafe]

i have a doubt ; so in contact us file we are not adding the "../" in href but we are adding "../" in the price list file. why is that when both are seperate files.

[oportofado]

Hi,

Great content as always. I'm learning a lot.

What is your opinion about using the 3 ways of adding CSS simultaneously?

Imagine that I have stylesheet for the whole site, but in a specific page I want to do different. Is it ok to add it to the head of the document?

Imagine that in that page I want a specific element to style different. Is it ok?

Or should I always give specific IDs and classes and refer to it on the site stylesheet?


Thanks!