How to fix CSS file not linking to HTML document

Last updated:3rd Nov 2021

when you have link your CSS file in HTML, but your CSS file not work, then you need to take care few think.

If Both file present in same folder

if both files are present in the same folder then the correct way to link CSS in an HTML file is:


<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

If CSS file present in another folder

if CSS file present in another folder then you need to add CSS path properly. for example if your CSS file present inside current/assets folder i.e current/assets/style.css and your HTML file present inside current folder i.e current/index.html then add CSS in this way.

<link rel="stylesheet" href="assets/style.css">

make sure your Link tag is present in the right tag

the link tag of your CSS file must be present in the head tag