寫CSS_關(guān)于Border你可能需要注意的地方
更新時間:2007年12月11日 21:48:39 作者:
恩,這下對了,正好放下.
所以說:
邊框是計算在width外邊的. 是這樣嗎? 我們接著看下邊的代碼:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
如果你是用IE; 那么你會看他們間隔小了很多,FIREFOX應(yīng)該和最開始的效果一樣沒有變化;
接著看最后一個效果:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
這個里邊兩個小盒子都有邊框,在寬度沒有變的情況下,在IE中放下了. FIREFOX不會變的.
看代碼區(qū)別,我少加了:
程序代碼
<!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">
如果不加(完全沒有); 應(yīng)該是按html3.0執(zhí)行,這一點我不太確定。
程序代碼
轉(zhuǎn)一段:
DOCTYPE是document type(文檔類型)的簡寫,用來說明你用的XHTML或者HTML是什么版本。
其中的DTD(例如上例中的xhtml1-transitional.dtd)叫文檔類型定義,里面包含了文檔的規(guī)則,瀏覽器就根據(jù)你定義的DTD來解釋你頁面的標識,并展現(xiàn)出來。
寫出來就是友情提醒一下在寫CSS千萬把這個記住,如果頁面比較要求不是相相相當?shù)膰栏?,計算時盡可能留出一點間隔來。這樣即使有1px的邊框,也不會對頁面造成嚴重影響,1px還好一些,如果是10px呢,你的頁面就完了。我比較傾向于:如果盒子有width就不要加padding,不加border是不太可能的。多套一兩層沒有人會笑話,這些可以避開很多的瀏覽器兼容的問題。
相關(guān)文章
HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth完全詳解
HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth完全詳解...2007-08-08div的dispaly:inline樣式 和span的區(qū)別
為什么在ie里執(zhí)行后這段代碼 兩個span標簽雖在同一行但它們之間有空隙? 但是 兩個div標簽雖然在同一行就沒有空隙?2008-07-07