个人风格可以添加到主css文件?

时间:2013-03-18 06:35:25

标签: asp.net css

我的问题非常简单。我有一些样式类,我需要在单个aspx页面上使用。例如

    .txtbx
    {
     margin-bottom: 20px;
     border-style:solid;
     border-width:thin;
     border-color:Gray;
     height:30px;
     width:250px;   
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
     border-radius: 5px;
    }

现在,我可以将这些样式添加到site.css文件中(当您选择创建新的Web应用程序时,这是默认设置)。如果是,我如何将其应用于各个.aspx页面,因为我没有头标记。我阅读了一个解决方案,要求我在内容(.aspx)页面中包含一个内容占位符并将链接放入其中。但是,我的每个内容页面上都有两个内容占位符。我需要添加第三个吗? 另外,有另一个(外部)css文件定义&更好吗?使用我的个人风格,如上面的那个..?日Thnx ..!

2 个答案:

答案 0 :(得分:0)

在您的母版页上:

<%@ 
    Master Language="C#" 
    AutoEventWireup="false" 
    CodeBehind="BaseMaster.Master.cs" 
    Inherits="BaseMaster" 
    EnableViewState="false"
%>
<html runat="server" id="htmlTag" xmlns="http://www.w3.org/1999/xhtml" clientidmode="Static">
    <head runat="server">
        <title></title>
        <asp:ContentPlaceHolder ID="cphHead" runat="server"></asp:ContentPlaceHolder>
    </head>

    <body runat="server" id="bodyTag" clientidmode="Static">
        <form id="form1" runat="server">
            <asp:ContentPlaceHolder ID="cphBody" runat="server"></asp:ContentPlaceHolder>
        </form>
    </body>
</html>

在您需要样式的页面上:

<%@ 
    Page Title="" 
    Language="C#" 
    MasterPageFile="~/BaseMaster.Master" 
    AutoEventWireup="false" 
    CodeBehind="..." 
    Inherits="..." 
    EnableViewState="false"
%>

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

</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="cphBody" runat="server">
    <input type="hidden" id="Field1" runat="server" clientidmode="Static" />

</asp:Content>

答案 1 :(得分:0)

不确定你想要什么,但我可以假设跟随。

  1. 您有一个全局.css文件,您希望将其应用于所有.aspx页。

    然后,只需在Link页面

  2. 的标题部分的css文件中添加.Master即可
  3. 你有一个本地css文件,即你想要只应用于给定页面而不是其他页面的css,在这种情况下,你应该这样做。

    一个。通过在母版页的头部创建ContentPlaceHolder来公开母版页的头部。即(下面的母版页负责人)

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

    湾并在本地页面上使用此contentPlaceHolder添加指向该本地css文件的链接。

     <asp:Content ID="HeadContent" ContentPlaceHolderID="headerContent" 
       runat="server">
       <link runat="server" href="styleSheet.css" rel="stylesheet"      
        type="text/css" />
      </asp:Content>