标签：
先看如下代码，代码放在.aspx文件中。注意看代码中定义的3个样式和三个表格，样式中2个通过ID的方式定义，1个通过类的方式定义。3个表格中，第一个表格是一个HTML控件，显然，它既支持ID的方式定义的css样式，也支持类的方式定义的样式。第2和第3个表格是ASP.NET的WEB控件，它有时候不支持ID方式定义的样式表，但一般通过类的方式定义的样式表都支持。
所以写代码的时候遇到WEB控件不支持ID定义的css样式表的时候，不妨将ID定义样式表的方式换成类的定义方式。
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <%----------------------------------------代-----码----分----割----线--------------------------------------------%> <style type="text/css"> #tb_html { width:100px; height:100px; background-color:#00ff00; } #tb_web { width:100px; height:100px; background-color:#ff0000; } .tb_web2 { width:100px; height:100px; background-color:#0000ff; } </style> <%----------------------------------------代-----码----分----割----线--------------------------------------------%> </head> <body> <form id="form1" runat="server"> <div> <%----------------------------------------代-----码----分----割----线--------------------------------------------%> <table id="tb_html"> <tr> <td> </td> </tr> </table> <asp:Table runat="server" ID="tb_web"> <asp:TableRow> <asp:TableCell> </asp:TableCell> </asp:TableRow> </asp:Table> <asp:Table runat="server" CssClass="tb_web2"> <asp:TableRow> <asp:TableCell> </asp:TableCell> </asp:TableRow> </asp:Table> <%----------------------------------------代-----码----分----割----线--------------------------------------------%> </div> </form> </body> </html>
asp.net HTML控件和web控件在设置样式上的区别。
标签：
原文地址：http://www.cnblogs.com/robothy/p/5003027.html
