Solution 1 :

Make sure you update your code to match your correct filename.

If your CSS is stored in the /HTML/[ProjectName]/CSS/style.css, then you should it like this

<link rel="stylesheet" type="text/css" href="CSS/style.css">

Solution 2 :

Try writing <link rel="stylesheet" type="text/css" href="CSSstyles.css">and check the spelling of your CSS file because they are different in question and in your code.

Solution 3 :

It`s easy. Take it

link rel='stylesheet' type='text/css' href='CSS/style.css'

and read W3School

Problem :

I’ve been trying to learn HTML and have been following a tutorial online.( the tutorial does have some misinformation, so I’ve been looking on here for help as well. I have reached the point where you use external CSS files rather than using the <style> function.
My code is in /HTML/[ProjectName]/project.html, while my CSS is in /HTML/[ProjectName]/CSS/styles.css. Below are both files;

body {
  background-color: powderblue;

h1 {
  color: red;

p1 {
  font-size: 200%;
<!DOCTYPE html>
<title> Linked CSS </title>

  <link rel="style" type="text/css" href="/CSS/styles.css">

  <h1> The CSS is in a separate doc </h1>
  <p1> Let's see how this works out </p1>
  <a href="/CSS/Styles.css" target="_blank">
    <p2> Link to CSS file </p2>


From what I’ve read the css is properly linked to my file, and when I open the link it opens to the css page. What am I doing wrong?


Comment posted by j08691

In your question you say that the

Comment posted by Eric

Try this with stylesheet

Comment posted by Atat

Thanks for the help, my problem was solved!

Comment posted by s1834

@Atat Hey, hopping in real quick to check whether I solved your issue or do I need to ameliorate my skills?

Comment posted by j08691

Please stop re-editing your question to include unnecessary text