簡體   English   中英

鏈接外部 css 文件不起作用

[英]Linking an external css file doesn't work

我試圖將我的本地引導程序和樣式文件鏈接到我的 html 文件,但它們都不起作用。

這是我的 html 文件:

<!DOCTYPE html>
<html>
    <head>
        <title>Test page</title>

        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <link type="text/css" ref="stylesheet" href="css/bootstrap.css">
        <link type="text/css" ref="stylesheet" href="css/styles.css">

    </head>
    <body>
        <script src="js/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>

        <div class="navbar-header">
            <div class="navbar navbar-inverse navbar-static-tops">

            </div>
        </div>
    </body> 
</html>

我的 css 文件位於名為 css 的文件夾中。
我在那里得到了這些文件:

/css 目錄下的文件

htdocs 文件夾我有這個:

css文件夾所在的htdocs文件夾

試試這個---

<!DOCTYPE html>
<html>
    <head>
        <title>Test page</title>

        <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
<link rel="stylesheet" type="text/css" href="css/styles.css"/>
    </head>
    <body>
        <script src="js/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>

        <div class="navbar-header">
            <div class="navbar navbar-inverse navbar-static-tops">

            </div>
        </div>
    </body> 
</html>

這些代碼是錯誤的---

 <link type="text/css" ref="stylesheet" href="css/bootstrap.css">
        <link type="text/css" ref="stylesheet" href="css/styles.css">

這些是正確的---

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM