前言

在敲牛腩的时候，我们需要建立一个样式表，使得相似功能窗体可以应用同一个样式表。

一、问题描述与解决方案

在编辑好样式表并应用于Web窗体之后，网页无法显示所应用的样式。

样式表：

#top, #search {/*公共样式*/width: 760px;margin:10px auto 10px auto;}

 错误的Web窗体内容

<p id=" top"><a href ="http://www.tg029.com " ><img src="images/niunanlogo.jpg" /></a> </p><p id=" search">搜索条件： <asp:TextBox ID="txtKey" runat="server"></asp:TextBox><asp:ImageButton ID="ibtnSearch" ImageUrl="images/search.gif" runat="server" /></p>

正确的Web窗体内容

<p id="top"><a href ="http://www.tg029.com " ><img src="images/niunanlogo.jpg" /></a> </p><p id="search">搜索条件： <asp:TextBox ID="txtKey" runat="server"></asp:TextBox><asp:ImageButton ID="ibtnSearch" ImageUrl="images/search.gif" runat="server" /></p>

经过对比可以发现在标签top、search之前Web窗体多写了一个空格，导致样式表无法正常使用。

二、如何在Web窗体中应用样式表

1.首先可以看到下图中的样式表与Web窗体

2.应用样式：

（方法一：把刚刚的样式表直接拖到title标签下方就可以了）

（方法二：复制样式表，再进行粘贴）

应用结果：

3.接下来可以在样式表中写我们需要的样式例如：

#top, #search {/*公共样式*/width: 760px;margin:10px auto 10px auto;}