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

时间:2010-05-05 19:50:50

标签: asp.net master-pages

学习如何在asp.net中创建母版页。试图弄清楚我的样式表如何与主页面和内容页面相互作用。我可以获取像body和样式表这样的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>

当我在没有母版页的情况下执行此操作时,它的工作方式是错误的吗?

2 个答案:

答案 0 :(得分:3)

你可能会有类似的东西

<强> 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

答案 1 :(得分:2)

如果您查看为您的网页生成的源代码,您会看到.NET已经替换了您的ID,其中包含更详细的ID,指定容器及其所在的部分

查看你的代码,id可能是这样的:c100_toptext1(虽然它取决于你使用的.NET版本)