牛腩新闻发布系统：Web窗体无法显示所应用的样式表

前言

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

一、问题描述与解决方案

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

样式表：

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

 错误的Web窗体内容

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

正确的Web窗体内容

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

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

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

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

2.应用样式：

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

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

应用结果：

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

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