asp.net母版样式屏蔽

最新推荐文章于 2019-01-03 16:20:00 发布

dghm

最新推荐文章于 2019-01-03 16:20:00 发布

阅读量1.3k

点赞数

分类专栏： asp.net 文章标签： asp.net 界面 css

本文链接：https://blog.csdn.net/mycoolme5/article/details/53104762

版权

asp.net 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

asp.net母版开发，很容易建立网页和界面。但是对于特殊要求的table、textbox、label之间的样式，如果

不想使用母版套用的css。可以采取在特定页面，单独定义内联样式的CSS。今天特意翻看了一下CSS

解释的优先顺序：

一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。

浏览器缺省设置
外部样式表
内部样式表（位于 <head> 标签内部）
内联样式（在 HTML 元素内部）

下面就给一个例子，特定页面不使用母版页定义的样式。但是没有定义的部分，还是使用母版页的样式

<%@ Page Title="登录" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="WebApplication2.Account.Login" %>
<%@ Register Src="~/Account/OpenAuthProviders.ascx" TagPrefix="uc" TagName="OpenAuthProviders" %>

<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">
   <span style="color:#ff6666;"> <style type="text/css">
        #MainContent_Table1 { background-color: lightblue;margin:0px;
        }
        #MainContent_TextBox1 { margin:0px;
        }
        #MainContent_TextBox2 { margin:0px;
        }

         #MainContent_Table2 input { margin:0px;
                                     font-size:1.2em;
                                     font-family:Arial;
                                     padding:1px;
        }
    </style></span>
     
    <asp:Table ID="Table1" runat="server"   >
        <asp:TableRow>
            <asp:TableCell>
                <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
            </asp:TableCell>
            <asp:TableCell>
                <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
            </asp:TableCell>
        </asp:TableRow>
        <asp:TableRow>
            <asp:TableCell>
            <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
            </asp:TableCell>
            <asp:TableCell>
                  <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
            </asp:TableCell>
        </asp:TableRow>
    </asp:Table>
    <asp:Table ID="Table2" runat="server">
        <asp:TableRow>
            <asp:TableCell>
                <asp:Label ID="Label3" runat="server" Text="Label"></asp:Label>
            </asp:TableCell>
            <asp:TableCell>
                  <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
            </asp:TableCell>
        </asp:TableRow>
        <asp:TableRow>
            <asp:TableCell>
            <asp:Label ID="Label4" runat="server" Text="Label"></asp:Label>
            </asp:TableCell>
            <asp:TableCell>
                  <asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>
            </asp:TableCell>
        </asp:TableRow>
    </asp:Table>
</asp:Content>