HTML & CSS for Beginners Part 9: External CSS 

So glad to hear that. Keep up the hard work 👍

Same here, TOP's CSS module was like rocket science, but kevin's video really simplified it. Even my older brother who is a front-end engineer always recommends kevins vids whenever i get stuck.

Thanks for this comment. I thought I was a buffoon.

this is so reassuring, i felt the exact same way. became to overwhelming to quick

It is really nice to see this comment bcz, even I thought that "Why can't I understand this Css as I was going with the flow of TOP", Lol 😂 After checking this I pat my self that the TOP Css module is a very bit overwhelming after finishing the HTML.

I can relate. I sometimes forget to link my css file to my html file and get super confused on why nothing was changing xD

omg I had the same issue here not gonna lie xD

give us your portfolio website link

Thanks so much George :)

Same

Not a silly question at all! When you think about it logically, it makes sense to have a separate CSS file. By using only one CSS file though, you will speed things up. Once the homepage has loaded, the CSS file will be cached, and the second page will load faster if it's using the same CSS file. It just means the file is much longer. One thing you can do is give the tag a class, like , which makes it easy to target things that are only on that one page.

Maybe you have some inline css in the page two that's overriding the external css? I hope that you figure it out!

Add a class to that paragraph, or paragraphs, that you want to change, and then select that class in the CSS to make the changes 🙂

If u mean a second page like about page go to the folder in which u have the index.html in and create new folder eg.pagetwo.html and. If its the style.css second page you want rather than that use classes and ids way faster and easier. and hey give us an update on ur progress tho peace out!!!!

I'd suggest having one CSS file that's used for all of your pages. It can lead to a very big CSS file in the end (specially for large sites), but it's the best way to do it. Just keep it organized! You could have a main CSS file with global elements (things that are on all your pages), and then have another CSS file for that individual page, but that leads to more HTTP requests, which is generally a bad thing... HTTP/2 is coming though, which will change things a bit... And this is getting overcomplicated fast! I tend to have one CSS file when a site goes live, but I also use a CSS preprocessor (Sass), which makes organization a lot easier. I'll be talking a bit about that in my next video.

Kevin Powell hi Ok thank you, sorry just one more question :) So how do I change a paragraph or a word color in the about me without it effecting the main index paragraph?

Ask away, it's what I'm here for! I would give that paragraph its own class, say or something in that vein... For one word, wrap it in a span tag with a class to change the color.

Kevin Powell thanks Kevin you have been very helpful :)

Kevin Powell I have an image on my main page, and I've done a photo gallery but when I changed the image size in css for image it changed my main image, So can I give the image on my main page a class name so it can put it back to the size I had it?