Question

我知道有很多这样的问题，但似乎没有任何效果。我有一个内容页面存储在一个文件夹＆＃39;注册＆＃39;它的CSS文件存储在另一个文件夹＆＃39; StyleSheets＆＃39;。我只是将CSS链接拖放到Content页面的head部分。它仍然无法正常工作。

CSS文件：

    .unmaintable {
        width: 1000px;
        text-align:left;
        background-color:chocolate;
    }
     .unmaintable1 {
        width:250px;
        text-align:center;
    }
     .unmaintable2 {
         width:250px;
    }
      .unmaintable3 {
          width:250px;
    }
       .unmaintable4 {
        width:250px;
    }
       .imagebuttons {
           width:94px;
           height:70px;
    }

内容页面：

 <%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Reg-step1.aspx.cs" Inherits="Registration_Reg_step1" %>

  <asp:Content ID="Content1" ContentPlaceHolderID="Title" Runat="Server">
  Step 1
  </asp:Content>
 <asp:Content ID="Content2" ContentPlaceHolderID="head" Runat="Server">
 <link href="../StyleSheets/ContentPage.css" rel="stylesheet" />
 </asp:Content>
 <asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
 <table cellpadding="0" cellspacing="0" class="unmaintable">
                <tr>
                    <td class="unmaintable1">&nbsp;</td>
                    <td class="unmaintable2">&nbsp;</td>
                    <td class="unmaintable3">&nbsp;</td>
                    <td class="unmaintable4">&nbsp;</td>
                </tr>
                <tr>
                    <td class="unmaintable1">&nbsp;</td>
                    <td class="unmaintable2">&nbsp;</td>
                    <td class="unmaintable3">&nbsp;</td>
                    <td class="unmaintable4">&nbsp;</td>
                </tr>
    </table>
    </asp:Content>

这里有一件有趣的事情是我在设计模式中获得了想要的结果（使用visual studio 2013）但是当我运行它时（IE11，CHROME，FIREFOX）它没有做任何事情。

Answer 1

我的html中没有看到<head>标记。格式应为

<!DOCTYPE html>
<html>
<head>
<link href='~/css/My.css' rel='stylesheet' />
</head> 
<body>
//some html
</body> 
</html>

我相信你可能会把CSS放在错误的地方。

Answer 2

<link href="../StyleSheets/ContentPage.css" rel="stylesheet" />

将此更改为

<link href="~/StyleSheets/ContentPage.css" rel="stylesheet" />

然后它应该按照需要工作

Answer 3

请使用： <link href="~/StyleSheets/ContentPage.css" rel="stylesheet" type="text/css" media="screen" runat="server" />

意味着添加runat =“server”以使相对路径可行

Answer 4

嗯，我没有看到DOCTYPE，html，head，body标签，这有点令人担忧，但试试这个。 ../可能表示您的css路径错误。

<link href='~/css/My.css' rel='stylesheet' />

CSS文件未链接到HTML页面

4 个答案: