Why is my HTML link to external css not working?

Question

Welcome To Ask or Share your Answers For Others

Why is my HTML link to external css not working?

asked Oct 7, 2021 in Technique[技术] by 深蓝 (71.8m points)

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>

question from:https://stackoverflow.com/questions/65661422/why-is-my-html-link-to-external-css-not-working

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

79 views

1 Answer

深蓝 · Answer 1 · 2021-10-06T18:39:42+0000

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'>

Categories

Why is my HTML link to external css not working?

Please log in or register to add a comment.

Please log in or register to answer this question.

1 Answer

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags