发表新帖
发表新帖

HTML not loading CSS

后端 未结
关注
9 515
盖世英雄少女心
盖世英雄少女心 2020-12-20 01:27

I\'m trying to load a css file. I\'ve tried:

And:
相关标签:
9条回答
  • 失恋的感觉
    2020-12-20 01:43

    I can't give you a specific answer as I don't know what your local file structure is like (if you post it in the question, I might be able to give you a direct answer).

    The issue stems from how you use the path. I'll explain all options you've tried and what they actually do:

    1 - No starting dots, no starting slash

    href="css/style.css"

    If there is no prefixed character, you're working in the same directory as your html file.

    For the above example, I'd expect the structure to be as follows:

    - CSS (folder)
    - STYLE.CSS (file)
- PAGE.HTML (your HTML file)

    That means the HTML file and the CSS folder should be siblings.

    2 - Starting dots and slash

    href="../css/style.css"

    Now you're working in the parent directory of the HTML file's location. Suppose your folder structure is as follows:

    - CSS (folder)
    - STYLE.CSS (file)
- WEBSITE (folder)
    - PAGE.HTML (your HTML page)

    In this structure, the HTML page and the CSS folder are not siblings. But the CSS folder and the HTML page's parent are siblings. So, you need to go up one level, which you accomplish by adding ../ like in the example.

    *Note: This can stack. You could put href="../../../css/style.css", and then you'd be working from the parent of the parent of the parent of your HTML page.

    3 - Starting slash

    href="/css/style.css"

    Now you're working in the root directory of your website (not your page!)

    Suppose your webpage is accessible via the following URL:

    http://my.website.com/myapplication/newversion/page.html

    Using the leading slash means that the working folder is set to the highest possible parent (which is always the web domain). So for the given example, the css file will be searched on the following location:

    http://my.website.com/css/style.css

    This type of notation is better used when using an absolute path. Generally speaking, and I think this applies in your case, you'd want a relative path. Options 1 and 2 are much better suited for that.

    Like I said, I can't give you the specific answer if I don't know your folder structure. If you update your question, I could update my answer further.

    0 讨论(0)
  • 抹茶落季
    2020-12-20 01:45

    If you moved to the same directory

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

    Should work...

    0 讨论(0)
  • 你的背包
    2020-12-20 01:45 
    <!DOCTYPE html>
   <head>
       <title id="HtmlTitle" runat="server">YadaYada</title>
       <link href="style.css" rel="stylesheet" type="text/css">
   </head>
   <body>
      <span>GoodBye World!</span>
   </body>
</html>
    0 讨论(0)
  • 忘掉有多难
    2020-12-20 01:50

    If you are using a home brew webserver (not Apache, for example), the content type of the *.css file might not be set as "text/css".

    Be sure your webserver is putting in the field

     Content-Type: text/css

    in the http header.

    0 讨论(0)
  • 暖寄归人
    2020-12-20 01:50

    Try style.css and it will work, as it is in the same directory.

    0 讨论(0)
  • 粉色の甜心
    2020-12-20 01:51

    ok this is what you need to do

    1. create a directory css
    2. add this to head tag <link rel="stylesheet" href="css/style.css">

    Relative path work this way Starting with "/" returns to the root directory and starts there Starting with "../" moves one directory backwards and starts there

    0 讨论(0)
 看不清?
提交回复
热议问题