前言
在敲牛腩的时候,我们需要建立一个样式表,使得相似功能窗体可以应用同一个样式表。
一、问题描述与解决方案
在编辑好样式表并应用于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标签下方就可以了)
(方法二:复制样式表,再进行粘贴)
扫描二维码关注公众号,回复:
12957251 查看本文章
应用结果:
3.接下来可以在样式表中写我们需要的样式例如:
#top, #search {/*公共样式*/
width: 760px;
margin:10px auto 10px auto;
}