Why does my link not find my CSS file, none of the other questions solved it

I know this question is noob like but it is very much a problem as even though it is in a sub folder as shown in the image. The styles doesn't show I mean.

I typed:

<link rel="stylesheet" href="/css/indexstyles">

There is a image of where the file is and the css it is within a subfolder. but when I take the CSS out of the folder it and move it in with the same folder as the HTML file is then it works. People tell me to put my CSS in a sub folder.

I tried swapping it around

<link href="/css/indexstyles">

That didn't work and I also added the type="text/css" None of the other questions by other people helped either.

Is there an explanation for this problem and like I said I am a noob

Edit: Clarified what I meant by subfolder and not working

The path you are using is absolute, it will try to locate the css folder at the root of your system. You should change the path to:

<link rel="stylesheet" href="./css/indexstyles.css">

Appending . before the path will look for a css folder in the current directory. It’s also a good idea to add the extension name.