时间戳

首页 > 解决方案 > ASP.NET 母版页 - 外部样式表不起作用？

c# - ASP.NET 母版页 - 外部样式表不起作用？

问题描述

我正在做一项任务，其中包括制作一个 ASP.NET 应用程序、创建一个 Web 表单母版页，然后是进一步的 Web 表单，等等。

我正在尝试设置我的母版页的样式，但由于某种原因，样式显示在我的设计或 Visual Studio 中的拆分视图中，但是当我实际加载页面时，样式不再存在。

这是我加载到我的 site.css 样式表的母版页上的头（我只是将它从我的解决方案资源管理器拖到这里）

<head runat="server">
<title><%: Page.Title %></title>
<meta charset="utf-8" />
<meta name="viewport" content="width-device-width, intial scale=1, shrink-to-fit-no" />
<link href="Content/Site.css" rel="stylesheet" />
<link href="Content/bootstrap.css" rel="stylesheet" />

<asp:ContentPlaceHolder ID="CPHead" runat="server">
</asp:ContentPlaceHolder>
</head>

我的 Site.css 样式表中的一些示例代码

#header1{
color: green;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
text-align: center;
font-size: 20px;
}

#test {
color: gold;
}

body {
outline: double thick;
outline-color: black;
background-color: black;
}

我的母版页部分的一些示例代码：

        <main>
        <h2 id="test">Test</h2>

        <div id="content">
            <asp:ContentPlaceHolder ID="CPBody" runat="server">
            </asp:ContentPlaceHolder>
        </div>

    </main>

例如上面我的元素，在设计视图中它确实是金色，但是当页面加载时它恢复为黑色。

如果有帮助，这里还有我的一个 .aspx 文件中的完整代码：

<%@ Page Title="Isolation Ideas" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="TaskThreePointOne.aspx.cs" Inherits="Assignment1._0.Home" %>


<asp:SqlDataSource ID="WebDevDB" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString1 %>"
    SelectCommand="SELECT * FROM [Idea] ORDER BY [ideaID]"></asp:SqlDataSource>

<div class="card-group offset-4" id="card_group">
    <div class="embed-responsive embed-responsive-16by9">
        <asp:Repeater ID="WebDevRepeater" runat="server" DataSourceID="WebDevDB">
            <ItemTemplate>
                <div class="row">
                    <div class="col-sm-6">
                        <div class="card" id="card_repeater">
                            <img src='<%# Eval("image") %>' class="card-img-top" alt='<%# Eval("idea") + "_image"%>' />
                            <div class="card-body">
                                <h5 class="card-title"><%# Eval("idea") %></h5>
                                <p class="card-text"><%# Eval("description") %></p>
                            </div>
                        </div>
                    </div>
                </div>

            </ItemTemplate>
        </asp:Repeater>
    </div>
</div>

谢谢

标签： c#htmlcssasp.net

解决方案

推荐阅读