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