asp.net里使用css的问题`~~
我写好了一个CSS，用html页面测试是正常的，但是一换到asp.net里就没有效果了~~~
麻烦高手看看，以下是代码
还有，我人说，要在css的样式前加上.net控件的ID,就是加上#MessageList,但我加了还是不行
1
body
2
{
}{
3
margin:0px;
4 padding:0px;
5 font-size:9pt;
6 font:"宋体";
7 color:#000000;
8 text-align:center;
9
}
10
11#content
12{}{
13 padding:20px;
14 width:790px;
15 height:auto;
16 text-align:center;
17}
18
19#content #message
20{}{
21 padding:1px;
22 padding-bottom:15px;
23 margin-top:20px;
24 width:700px;
25 height:auto;
26 border:dashed;
27 border-width:1px;
28 border-color:#86C1FD;
29 text-align:left;
30}
31
32#content #message #top
33{}{
34 padding:0px;
35 margin:0px;
36 height:13px;
37 background:#177CE1;
38}
39
40#content #message ul
41{}{
42 text-align:left;
43 list-style-type:none;
44 margin:0px;
45 padding:0px;
46 padding-left:15px;
47 padding-right:15px;
48
49}
50
51#content #message ul li
52{}{
53 margin-top:15px;
54}
55
56#content #message ul #time
57{}{
58 text-align:right;
59}
body 2
{}{3
margin:0px;4
padding:0px;5
font-size:9pt;6
font:"宋体";7
color:#000000;8
text-align:center;9
}10
11
#content12
{}{13
padding:20px;14
width:790px;15
height:auto;16
text-align:center;17
}18
19
#content #message20
{}{21
padding:1px;22
padding-bottom:15px;23
margin-top:20px;24
width:700px;25
height:auto;26
border:dashed;27
border-width:1px;28
border-color:#86C1FD;29
text-align:left;30
}31
32
#content #message #top33
{}{34
padding:0px;35
margin:0px;36
height:13px;37
background:#177CE1;38
}39
40
#content #message ul41
{}{42
text-align:left;43
list-style-type:none;44
margin:0px;45
padding:0px;46
padding-left:15px;47
padding-right:15px;48
49
}50
51
#content #message ul li52
{}{53
margin-top:15px; 54
}55
56
#content #message ul #time57
{}{58
text-align:right;59
}
1<%@ Page Language="C#" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="_Default" %>
2
3<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4<html xmlns="http://www.w3.org/1999/xhtml">
5<head runat="server">
6<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
7 <link href="css/css.css" rel="stylesheet" type="text/css" />
8 <title>三层简易留言板</title>
9</head>
10<body>
11 <form id="form1" runat="server">
12 <div>
13 <asp:DataList ID="MessageList" runat="server">
14 <HeaderTemplate>
15 <div id="content">
16 </HeaderTemplate>
17 <ItemTemplate>
18 <div id="message">
19 <div id="top">
20 </div>
21 <ul>
22 <li>留言者:<%# DataBinder.Eval(Container.DataItem,"Name","{0}") %></li>
23 <li>内容:<%# DataBinder.Eval(Container.DataItem,"Content","{0}") %></li>
24 <li id="time">时间:<%# DataBinder.Eval(Container.DataItem,"AddTime","{0}") %></li>
25 </ul>
26 </div>
27 </ItemTemplate>
28 <FooterTemplate>
29 </div>
30 </FooterTemplate>
31 </asp:DataList>
32 </div>
33 </form>
34</body>
35</html>
36
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="_Default" %>2
3
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">4
<html xmlns="http://www.w3.org/1999/xhtml">5
<head runat="server">6
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />7
<link href="css/css.css" rel="stylesheet" type="text/css" />8
<title>三层简易留言板</title>9
</head>10
<body>11
<form id="form1" runat="server">12
<div>13
<asp:DataList ID="MessageList" runat="server">14
<HeaderTemplate>15
<div id="content">16
</HeaderTemplate>17
<ItemTemplate>18
<div id="message">19
<div id="top">20
</div>21
<ul>22
<li>留言者:<%# DataBinder.Eval(Container.DataItem,"Name","{0}") %></li>23
<li>内容:<%# DataBinder.Eval(Container.DataItem,"Content","{0}") %></li>24
<li id="time">时间:<%# DataBinder.Eval(Container.DataItem,"AddTime","{0}") %></li>25
</ul>26
</div>27
</ItemTemplate>28
<FooterTemplate>29
</div>30
</FooterTemplate>31
</asp:DataList>32
</div>33
</form>34
</body>35
</html>36
米脂浏览 519回答 4
4回答
-
大话西游666
在样式表中，把# 换成 . 。然后在具体得样式中，把样式名称填进去。 -
慕标琳琳
将#content替换成DIV#content试试。 -
慕田峪9158850
看一下aspx生成的html源码吧 -
蓝山帝景
把ID换成class就可以了，DataList生成了多条，这样会出现多个ID（或者ID被自动重命名了？），而按标准来说，这是不允许的，所以解析会不正确，#content不知道怎么样，#message和#top在这里肯定是不行的，改成class试试
随时随地看视频慕课网APP
.NET