I have been attempting to modify the background color of a webpage by linking an external style.css file to my index.html using the href attribute:
<!DOCTYPE html>
<html>
<head>
<!-- <meta charset="utf-8"> -->
<!-- <link rel="stylesheet" href="css/style.css" media=”screen”/> -->
</head>
<body>
<!-- body content goes here -->
</body>
</html>
The CSS code I am using is simple:
body
{
background-color: aqua;
}
This is the structure of my project:
https://i.sstatic.net/d7HJR.png
Keep in mind that index.html is located in the main project folder (freebookz), while style.css is in a separate folder (css). Therefore, the href attribute reads as follows:
href="css/style.css"
The issue I'm facing is that the CSS file is not being linked. I've tried this setup both in Vscode and Notepad++, with no success. Even reloading the page with SHIFT+CTRL+R has not resolved the problem.
If anyone can help me identify the error, I would greatly appreciate it. I have exhausted all attempts to troubleshoot on my own.