CSS Won't Connect with My HTML

I am doing some HTML & CSS tutorials, and I am unable to get my CSS to appear when I load my web pages.

I linked my CSS to the HTML skeleton.

Can you help me figure out the error?

Screenshot of my HTML document:

enter image description here

Screenshot of my CSS:

enter image description here

Both of the files are stored in the same folder:

enter image description here

If anyone could let me know where I went wrong so I could continue my process, I would appreciate it.

send the first screenshot properly. I think you have something in those only. you also have style.css out of stylesheets folder so don't need put stylesheetsstyle.css just put style.css
– Hiren Patel
Aug 28 at 4:43

2 Answers
2

The index.html and the styles.css are in the same folder, so you shouldn't point to a sub-directory for the css. Try this:

<link rel="stylesheet" href="styles.css">

as both index.html and css files are in same folder, you can use

<link rel="stylesheet" href="styles.css?v=1.1.2">

here, v is version declared, so whenever you make changes in your css file, simply change this version numbers to get refresh css and changes to take effect in browser without cleaning caches..

you can also move your css file in stylesheets folder and can keep index.html structure as it is.... basically it is good practice to keep files in subfolders so we can find them easily when searching... for e.g. all .css files in stylesheet folder, all images in images or img folder, all javascripts in js folder...

by the way, what is m.m in css file, in body styling ??

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

搜尋此網誌

Dfyjkt