ASP.NET入门教程 5.1.2 CSS 级联样式表[5]

现在如果在Internet Explorer 或Firefox 中查看Web页面将产生如下所示的代码

<form method=postaction=StylePanelsaspx id=form>

<div>

<input type=hidden name=_viewstate id=_VIEWSTATE

value==/wEPDwULLTEwODUOTkxMzRkZHehxD/SHmjEeZzCKx+bBBR />

</div>

<div id=Panel style=height:pxwidth:px;>

This text is contained within an ASPNET Panel control

</div>

</form>

如果在比较老的浏览器（例如Mozilla ）中查看这个页面将产生如下代码

<form method=postaction=StylePanelsaspx id=form>

<input type=hidden name=_viewstate id=_VIEWSTATE

value==/wEPDwULLTEwODUOTkxMzRkZHehxD/SHmjEeZzCKx+bBBR />

<div id=Panel>

This text is contained within an ASPNET Panel control

</div>

</form>

注意在两种情况下Panel都被呈现为一个<div>控件但在第二种情况中它丢失了高度和宽度信息这里只是一个小小的变化但是却是对ASPNET 的一项很重大的改进ASPNET 以前在较老的浏览器中将ASPNET的Pane控件呈现为HTML的表格例如

<table id=Panel cellpadding= cellspacing= border= height=

width=>

<ty><td>

This text is contained within an ASPNET Panel control

</table>

现在虽然ASPNET 已经将很多类似的问题从我们的日常编程工作中移除但有一个问题仍然存在那就是在服务器端看到的内容与在客户端看到的内容不一样而且无法保证同一个元素在不同的浏览器上会以相同的方式进行呈现ASPNET 所要做的是提供一种机制这种机制基于服务器端控件的类型而不是客户端控件的类型来指定元素的外观因此当一个控件在不同的浏览器上显示时其一致性将能尽可能地保持这个目标是通过使用主题和皮肤实现的

ASPNET 入门教程完整版

[] [] [] [] []