CSS没有链接到HTML页面

时间:2017-07-08 10:32:27

标签: html css

早上好,伙计们,

我在玩一个小网站。在html我有link到我的CSS文件但由于某种原因CSS未在页面上显示。

链接tag如下所示:

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

该网站不包含我已构建的任何样式。我在这里做错了吗?

2 个答案:

答案 0 :(得分:5)

文件夹结构1

  • 的index.html
  • 样式(文件夹)
    • 的style.css

如果是文件夹结构,则链接标记应为

    <environment names="Development">
            <link rel="stylesheet" href="~/css/site.css" />
           @if (CultureInfo.CurrentUICulture.Name.ToLower() == "fa-ir")
           { <link href="~/css/rtl.css" rel="stylesheet" />}
        </environment>
        <environment names="Staging,Production">
@if(CultureInfo.CurrentUICulture.Name.ToLower()=="fa-ir"){
            <link rel="stylesheet" href="~/css/sitertl.min.css" asp-append-version="true"  />}
else{
<link rel="stylesheet" href="~/css/site.min.css" asp-append-version="true"  />
}
        </environment>

文件夹结构2

  • 的index.html
  • 的style.css

如果您的文件夹结构与上述类似,则链接标记应为

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

文件夹结构3

  • HTML(文件夹)
    • 的index.html
  • 样式(文件夹)
    • 的style.css

如果您的文件夹结构如上所示,则链接标记应为

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

这可能会对你有所帮助。对于任何错误,请检查浏览器控制台。

答案 1 :(得分:-1)

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

尝试将代码包含在头部中,因为我在上面显示mystyle.css重写您自己的css文件,确保与您的css文件具有相同的名称,检查字母是否为大写。
我也看到你写的是text / css而不是test.css,这是正确的。