2. 內邊距
3. 盒陰影
4. 盒模型概念
5. 標籤最終尺寸的計算
盒子模型分別由外邊距、邊框、內邊距和標籤內容組成。
屬性：margin
作用：調整標籤與標籤之間的距離
特殊：1）margin:0; 取消預設外邊距
2）margin:0 auto;左右自動外邊距，實現標籤在父標籤範圍內水平居中
3）margin:-10px;標籤位置的微調
單方向外邊距：只取乙個值
margin-top
margin-right
margin-bottom
margin-left
1）垂直相遇
2）包含合併
語法：
border
:width style color;
樣式取值
含義solid
實線邊框
dotted
點線邊框
dashed
虛線邊框
double
雙線邊框
分別設定某一方向的邊框，取值：width style color;
屬性作用
border-top
設定上邊框
border-bottom
設定下邊框
border-left
設定左邊框
border-right
設定右邊框
標籤設定寬高為0
統一設定四個方向透明邊框
調整某個方向邊框可見色
web前端 css盒子模型
css最重要的是盒子模型，盒子組成一切 盒子構成 首先可以直接設定各個區域 box 注意 這裡的width和height設定的大小是內容區的大小，不是整個盒子的大小。內邊距 邊框和外邊距可以應用於乙個元素的所有邊，也可以應用於單獨的邊。外邊距可以是負值，而且在很多情況下都要使用負值的外邊距。當wid...
web前端 CSS 盒子模型 010
所有html元素可以看作盒子，在css中，box model 這一術語是用來設計和布局時使用。css盒模型本質上是乙個盒子，封裝周圍的html元素，它包括 邊距，邊框，填充，和實際內容。盒模型允許我們在其它元素和周圍元素邊框之間的空間放置元素。下面的說明了盒子模型 box model 不同部分的說明...
css盒子模型 前端系列 css盒子模型
1 盒子模型 下圖中可以看到，在設定width的時候，標準的盒子模型是不包括border和padding的，而在ie瀏覽器中是包括這兩項的。盒模型是有兩種標準的，乙個是標準模型，乙個是ie模型。標準模型中，盒模型的寬高只是內容 content 的寬高，預設正是w3c標準盒模型。而在ie模型中盒模型的...