asp.net 母版页/内容页与样式表的交互答案

【问题标题】：asp.net master page/content page interaction with style sheetasp.net 母版页/内容页与样式表的交互
【发布时间】：2010-05-05 19:50:49
【问题描述】：

学习如何在 asp.net 中制作母版页。试图弄清楚我的样式表如何与母版页和内容页交互。我可以让 HTML 标签（如正文和样式表）做出反应。但是当我调用标签的 ID 属性时，不会发生任何样式。就互动而言，我在这里缺少什么？顺便说一句，我正在使用 VS2008

CSS 示例：

body
 {
 height:1200px;
 width:920px;
 border-style:solid;
 border-color:blue;
 padding:10px 10px 10px 10px;
 }

 #toptext1
 {
 position:relative;
 top:-225px;
 right:-500px;
 font-size:22px;
 font-weight:bold;
 }

从母版页：

  <body>
  <form id="form1" runat="server">
         <asp:image  id="cookNookLogo" ImageUrl="images/Logo.gif" runat="server" 
         AlternateText="CookNook" Width="449px"></asp:image>
  <p>
     <asp:Label ID="toptext1" runat="server" Text="Quality Recipes, Hints and    Supplies"></asp:Label>

</p>

从内容页面：

 <%@ Page Language="C#" MasterPageFile="~/CNMasterPage.master" AutoEventWireup="true"      CodeFile="Home.aspx.cs" Inherits="Home" Title="Untitled Page" %>

 <asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">

 <link href="App_Themes/cn/cn.css" rel="stylesheet" type="text/css" />

 </asp:Content>

当我在没有母版页的情况下执行此操作时，它可以正常工作，那么我的属性哪里出了问题？

【问题讨论】：

您使用的是 ASP.NET 还是 Classic ASP？

标签： asp.net master-pages

【解决方案1】：

你可以有这样的东西来代替

CSS

.toptext1
 {
 position:relative;
 top:-225px;
 right:-500px;
 font-size:22px;
 font-weight:bold;
 }

ASPX

<asp:Label ID="toptext1" runat="server" CssClass="toptext1" Text="Quality
 Recipes, Hints and    Supplies"></asp:Label>

正如肖恩·维埃拉所说。您分配给 Web 控件的 id 与发送给浏览器的 id 不同。

这里有一个很好的教程，解释了 .NET 如何管理 Web 控件的 ID。

http://www.asp.net/LEARN/master-pages/tutorial-05-vb.aspx

【讨论】：

您分配给 Web 控件的 id 与发送给浏览器的 id 不同。 ....学习一门新语言时我忽略的事情。谢谢！

【解决方案2】：

如果您查看为您的页面生成的源代码，您会发现 .NET 已将您的 id替换为更详细的 id，指定容器及其所在的部分.

查看您的代码，id 可能类似于：c100_toptext1（尽管它取决于您使用的 .NET 版本）

【讨论】：