Question

我正在尝试将外部CSS文件与HTML页面链接，但它不起作用。

<html>
    <head>
        <link rel="stylesheet" href="D:\bootstrap\cssbootstrap.min.css">
    </head>
    <body>
        <input type="button" class="btn btn-primary" value=Submit>
    </body>
</html>

帮我解决这个问题。

Answer 1

你已经掌握了大部分内容，但我认为你没有选择正确的css文件夹路径。输入您的html所在的文件夹，然后将Css文件添加到同一文件夹中。 <link rel="stylesheet" href="cssbootstrap.min.css"> 将您的链接标记更改为该标记，它应该可以工作。

如果您仍然遇到问题，请尝试将此页面改为http://www.w3schools.com/css/css_howto.asp

Answer 2

请勿在{{1}}属性中指定Windows样式的路径。

您可以使用file URI scheme指定本地文件的路径：

href

此外，您始终可以使用带点和斜线的directory traversal：

<link rel="stylesheet" href="file:///D:/bootstrap/cssbootstrap.min.css">此位置
.目录
..当前目录的父级
../当前目录
./当前的根

因此，如果您的WWW根目录中有一个Bootstrap文件夹，则可以使用：

最后，according to the W3C spec，<link rel="stylesheet" href="/bootstrap/cssbootstrap.min.css">属性......

^_（...）必须包含可能被空格包围的有效非空网址

如果您真的对所有可能的方式感兴趣，请参阅the W3C spec on valid URLs。

Answer 3

将您的css文件放在html文件所在的文件夹中。然后尝试以下，

<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">

将外部CSS文件与HTML页面链接的所有可能方法是什么？

3 个答案: