|
CSS2中的盒模型是關(guān)系到設(shè)計(jì)中排版定位的關(guān)鍵，任何一個選擇符都遵循盒模型規(guī)范，例如<div>、<p>、<a>……盒模型包含
(外補(bǔ)丁)margin，(背景顏色)background-color，(背景圖片)background-image，(內(nèi)補(bǔ)丁)padding ，(內(nèi)容)content，(邊框)border。
下圖是CSS盒模型的示意圖:
平面示意圖
3D示意圖(原圖出自：hicksdesign)
Flash示意模型 (點(diǎn)擊觀看)
需要說明的是：IE和Mozilla瀏覽器對盒模型的解釋不一致，造成我們定位上的困難，主要差別是：IE計(jì)算2個div之間的距離時(shí)候，會把1px的border計(jì)算在內(nèi)，而mozilla沒有； 設(shè)定div的寬度后，如果給padding加一個值，IE會在寬度內(nèi)減去這個值，而M ozilla會在寬度基礎(chǔ)上加上這個值。
出處：藍(lán)色理想
責(zé)任編輯：moby
上一頁 偽類——動態(tài)鏈接 下一頁
◎進(jìn)入論壇網(wǎng)站綜合、網(wǎng)頁制作版塊參加討論
|
第 1 頁 
第 6 頁 CSS盒模型
