CSS file not linking to HTML file (same folder)
Question
I have this:
<head>
<title>1</title>
<link rel=“stylesheet” type="text/css" href=“style1.css”>
<script src="script.js"></script>
</head>
I've tried many things. removing the type, adding a / at the end, adding a./ before style1.css, etc. Both the html file and the css file are in the same folder. The html works. here is the css:
p {
color: red;
}
h1 {
color:blue;
}
where did I go wrong?
3 answers
solution1
1 ACCPTED 2022-03-13 14:31:20
check your quotations around your attribute value, just replace your link with below, and hopefully, this should work:
<link rel="stylesheet" type="text/css" href="./style1.css" />
solution2
0 2022-03-13 14:39:02
It seem you are using wrong double quotes symbol in the link tag
<link rel=“stylesheet” type="text/css" href=“style1.css”>
It should be
<link rel="stylesheet" type="text/css" href="style1.css" />
solution3
0 2022-03-13 14:41:40
replace this line
<link rel=“stylesheet” type="text/css" href=“style1.css”>
with
<link rel="stylesheet" type="text/css" href="style1.css">
p { color: red; } h1 { color:blue; }
<.DOCTYPE html> <html lang="en"> <head> <title>1</title> <link rel="stylesheet" type="text/css" href="style1.css"> <script src="script.js"></script> </head> <body> <p>this is paragraph</p> <h1>this is h1 heading</p> </body> </html>
your reference to the stylesheet look like this
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.