---邊框就是環繞在標籤寬度和高度周圍的線條
borde-width:上 右 下 左；
borde-style:上 右 下 左；
borde-color:上 右 下 左；
注意點：
這三個屬性的取值是按照順時針來賦值的，也就是按照上右下左來賦值，額不是按照日常生活中的上下左右
這三個屬性的取值省略時規律
--上右下左-->上右下》左邊的取值和右邊一樣
--上右下左-->上右》左邊的取值和右邊一樣，下和上一樣
--上右下左-->上》右下左都和上一樣
---邊框和內容之間的距離就是內邊距？
---css3新增了乙個box-sizing屬性，這個屬性可以保證我們給盒子新增padding和border之後，盒子元素的寬度和高度不變
---box-sizing屬性是任何保證增加padding和border之後，盒子元素的寬度和高度不變
--和我們前面學習的原理一樣，增加padding和border之後要想保證盒子元素的寬度和高度不變，那麼就必須減少一部分內容
1）border-box：
元素的寬高=width/height高度；2）content-box：
元素的寬高=邊框+內邊距+內容寬高注意：如果兩個盒子是巢狀關係，那麼設定了裡面乙個盒子的頂部的外邊距，外面乙個盒子也會被頂下來
如果外面的盒子不想被一起頂下來，你們可以給外面的盒子新增乙個邊框屬性或者給加乙個overflow:hidden;
如果在企業中，一般情況下如果需要控制巢狀關係盒子之間的距離，應該首先考慮padding 其次在考慮margin margin本質上是用於控制兄弟關係之間的間隙的
在巢狀關係的盒子中，外面可以利用margin：0 auto；的方式來讓裡面的盒子在外面的盒子水平居中
margin：0 auto；只對水平有效
*
1）清空所有的邊距
2）從外到內，從上到下的編寫網頁
來自為知筆記(wiz)
盒子模型，邊框
內邊距 padding 外邊距 margin 盒子居中對齊 margin 0 auto box sizing border box 限定盒子的寬度不受padding和margin影響 盒子陰影 box shadow 0 0 2px ccc 水平位置 垂直位置 模糊距離 陰影顏色 border 1px...
css盒子模型 邊框邊距
border style dashed 邊框線為虛線 border style solid 邊框線為實線 例 box shadow 10px 10px 10px pink box shadow 水平 垂直 模糊度 顏色 盒子陰影的引數 1 水平 2 垂直 3 模糊度 4 陰影尺寸 5 陰影顏色 6 ...
盒子模型與怪異盒子模型
所有html元素可以看作盒子，在css中，box model 這一術語是用來設計和布局時使用。css盒模型本質上是乙個盒子，封裝周圍的html元素，它包括 邊距，邊框，填充，和實際內容。盒模型允許我們在其它元素和周圍元素邊框之間的空間放置元素。下面的說明了盒子模型 box model content...