DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> JQuery 確定css方框模型(盒模型Box Model)
JQuery 確定css方框模型(盒模型Box Model)
編輯:JQuery特效代碼     
如果頁面包含有效的DOCTYPE聲明,則以嚴格模式呈現。
如果頁面沒有DOCTYPE聲明或沒有有效的DOCTYPE聲明,則以兼容模式呈現。
下面將一個兩種模式的區別,兩種呈現模式的主要差別是對元素width和height樣式的計算上。如下面的樣式
代碼如下:
{
  width:180px;
  height:72px;
  padding:10px;
  bording-width:5px;
}

在W3C的嚴格模式下,元素的內容顯示的范圍是180*72px。內邊距和邊框在180*72像素的范圍之外。所以整個元素的覆蓋面積是:width:180 + 10*2 + 5*2 = 210px,height:72 +10*2 + 5*2 =102px。
在IE的兼容模式下整個元素的覆蓋面積為180*72像素。內容的大小減小到寬度180 - 10*2 - 5*2=150px,高度72 - 10*2 - 5*2 =32px。
是用JQuery判斷Box Modal的方法很簡單。是通過bool類型的$.boxModel標志。如果頁面是用的是W3C標准的模型,返回true.否則返回false。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved