Why is my HTML link to external css not working?
Question
Ive created a separate folder called css and created a styles.css page within it. Please let me know why my preview page is not showing my css now.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description"Yasin Zahir>
<title>Yaso's Personal Site</title>
<link rel = "stylesheet"
type = "text/css"
href = "styles.css" />
</head>
4 answers
solution1
2 2021-01-11 07:25:22
You have tow options for inclusion path:
- Relative
- Fix
Relative#Sample 1
-root directory
-css
stylesheet.css
-index.html
<link rel='stylesheet' type='text/css' href='css/stylesheet.css'>
Relative#Sample 2
-root directory
-css
stylesheet.css
-html
index.html
<link rel='stylesheet' type='text/css' href='../css/stylesheet.css'>
Fixed#Sample
-root directory
-css
stylesheet.css
-html
index.html
<link rel='stylesheet' type='text/css' href='[root directory]/css/stylesheet.css'>
solution2
0 2021-01-11 04:51:24
I needed to put the full path on the link href instead of just "styles.css"
easy fix
solution3
0 2021-01-11 04:58:54
Please follow following step in your project directory
<.DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="description"Yasin Zahir> <title>Yaso's Personal Site</title> <link rel="stylesheet" type="text/css" href="css/style.css" /> </head> </html> Follow this directory - root directory - css directory style.css - index.html or - root directory style.css index.html <link rel="stylesheet" type="text/css" href="style.css" />
solution4
0
try removing the type first, then replace the href value with /css/style.css
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.
Related Question
Why external CSS is not working with the HTML?
why is my external css not working?
Why does my HTML not link with my CSS?
External CSS link not working
I want to link to my external CSS file in my HTML file
I can not link my html pages with the external sheet CSS
Why my external javascript file cannot link to my html?
External CSS link is not working in codeIgniter
HTML to CSS link not working
link not working HTML/CSS
Related Tags