【CSS技巧】新標準帶來的新問題

今天一個網友詢問:在 ASP.NET 2.0中Response.Write出來的內容爲什麼與控件直接賦值的結果不同?究其原因就是在ASP.NET 2.0裏默認使用<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">文檔定義模型,這個dtd的規則與以前的不同,因此,許多以前寫的代碼在新標準下無法正常運行。首先:這個規範要求<html>必須是最頂級標記(Firefox裏可以在它之前寫文字內容,養成好的習慣,最好不要這樣),樣式裏面需要加單位,例如200px。尤其在使用腳本對對象設置樣式時也要如此。下面的這段代碼在該規範下顯示的結果是不同。第一個div不能顯示成100*100的方形塊。

<%@ Page Language="C#" %>
<!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>CSS樣式</title>
</head>
<body>
  
<form id="form1" runat="server">
    
<div style="background: #D0D0D1; width: 100; height: 100">
      
<href="http://dotnet.aspx.cc/">【孟子E章】</a></div>
    
<div style="background-color:Violet; width: 100px; height: 100px">
      
<href="http://dotnet.aspx.cc/">【孟子E章】</a></div>
  
</form>
</body>
</html>


 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章