初識盒模型
如圖中盒子模型有width（寬度）屬性，height（高度）屬性，margin（外邊距）屬性，border（邊框）屬性，padding（內邊距）屬性。
css中設定width一般指的是content的width，而真實的寬度是content（width）+2*padding（左右）+2*border（左右），而同樣height一般指的是內容的高度，真實的高度是content（height）+2*padding（上下）+2*border（上下）。
盒子模型除了content，有上下左右四條邊，如果同時設定它們相同的屬性時，直接用border屬性就可以設定了格式為border：邊框寬度 邊框的線性 比邊框的顏色；
如果想要將每個邊的顏色線性設定的不一樣可以用border-width（邊框寬度），border-style（邊框線性），border-color（邊框顏色）將三個屬性分開寫，也可以按照方向來寫，css中看盒子模型是順時針方向，即上面（border-top）,右邊（border-right），下邊（border-bottom），左邊（border-left）。
一些常用的線性在圖中不作說明，總之根據情況要靈活使用。
css中的盒模型
html頁面上的元素都可以看成是框組成的,框通過三種定位機制排列在一起就過程了我們看到的頁面.而框就是盒模型.1.頁面上的每個元素可以看成乙個矩形框，每個框由元素的內容，內邊距，邊框和外邊距組成。2.如果在元素上新增背景，則背景是邊框,內邊距和內容組成的區域.3.在css中width和height指...
css盒模型 標準盒模型 怪異盒模型
css 盒子模型 box model 每個html元素都可以看作是乙個盒子，父元素和子元素的關係就行大盒子裡放了個小盒子，兄弟元素就像在大盒子平放了兩個小盒子。盒模型包括 外邊距 margin 邊框 border 內邊距 padding 實際內容 content 四個屬性。由於目前大部分主流的瀏覽器...
CSS的盒模型
乙個盒子中主要的屬性 就5個 width height padding border margin。width是 寬度 的意思，css中width指的是內容的寬度，而不是盒子的寬度。height是 高度 的意思，css中height指的是內容的高度，而不是盒子的高度 padding是 內邊距 的意思...