Question

我想在我的MVC页面中使用自定义按钮。我正在设计View Page。

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>

主菜单

<!-- Main Menu Div-->
<form id="MainMenu" runat="server">
 <div id="MainMenuFirstView">
<h2 class="LabelHeader">

<b>
     &nbsp &nbsp &nbsp &nbsp <u>View </u>
 </b>

</h2>
<h3>
<asp:Button ID="btnHome" runat ="server" Text ="Home" Width="15%" CssClass="Button" SkinID= "Button" />
<asp:Button ID="btnNewUser" runat ="server" Text ="Add New User" Width="15%" CssClass="Button"/>
<asp:Button ID="btnAmendUser" runat ="server" Text ="Amend User" Width="15%"  CssClass="Button"  />
<asp:Button ID="btnAddNewAbsence" runat ="server" Text ="Add New Absence" Width="15%"  CssClass="Button" />
<asp:Button ID="btnAmendAbsence" runat ="server" Text ="Amend Absence" Width="15%"  CssClass="Button"  />
<asp:Button ID="btnAddJobRole" runat ="server" Text ="Add Job Role" Width="15%"  CssClass="Button" />
<asp:Button ID="btnAmendJobRole" runat ="server" Text ="Amend Job Role" Width="15%"  CssClass="Button" />
<asp:Button ID="btnAddShiftEvent" runat ="server" Text ="Add Shift Event" Width="15%"  CssClass="Button" />
<asp:Button ID="btnAmendShiftEvent" runat ="server" Text ="Amend Shift Event" Width="15%"  CssClass="Button" />
<asp:Button ID="btnAddDMICase" runat ="server" Text ="Add DMI Case" Width="15%" CssClass="Button"  />
<asp:Button ID="btnAmmendDMICase" runat ="server" Text ="Amend DMI Case" Width="15%"  CssClass="Button" />    
</h3>
</div>
</form>
</asp:Content>

如果我想使用这个CSS文件，如何在此页面中链接它？

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

我必须在页面的哪个部分使用它？

Answer 1

您可以将样式表引用直接添加到母版页，它将应用于所有页面，如

<head>
  <!-- ...other stuff here  -->
  <link rel="stylesheet" type="text/css" href="style.css" />
</head>

或者，如果您希望能够将不同的样式表添加到不同的页面，则可以将内容占位符添加到母版页

<head>
  <!-- ...other stuff here  -->
  <asp:ContentPlaceHolder ID="Styles" runat="server"></asp:ContentPlaceHolder>
</head>

然后在您的视图页面上使用

<asp:Content ContentPlaceHolderID="Styles" runat="server">
  <link rel="stylesheet" type="text/css" href="style.css" />
</asp:Content>

另请注意，在MVC中，您不使用控件或其他WebForms服务器控件。您应该直接使用HtmlHelpers或HTML。

<button id="btnHome" class="button">Home</button>

MVC，HTML与ASP.NET链接

1 个答案: