第六章預習筆記
1：盒子模型由content（網頁內容）border(邊框)padding（內邊框）margin（外邊框）
2：外邊框屬性上（top）下（bottom）左left）右（right）
3：邊框的屬性：color，width ，style
4：border-top-coior.,border-tbottom-coior.,border-left-coior.,border-right-coior.
5::border-width的屬性：border-top-width.,border-tbottom-width.,border-left-width.,border-right-width
6：border的屬性：border-top-style.,border-tbottom-style.,border-left-style.,border-right-style
7：三者沒有順序：如果有則按照：width ，color，style
8：外邊框的屬性：margin-top，margin-left。margin-boottom.margin -right
9:內邊距(上右下左)：padding-left，padding-right、padding -top。padding-boottom
10：盒子模型內盒總尺寸=border（上下/左右）+padding（上下/左右）+內容寬/高
內盒的總尺寸=border+padding +margin +內容寬/高
外盒的總尺寸=border+padding +margin +margin+內容寬/高
11:box-sizing拯救布局：
語法：
box-sizing：content-box(border-box|inherit)
12：圓角邊框：(給元素添加圓角效果，以及制作特殊圖形)
boxder-adious.length{1,4}
13：box-shodow語法（給元素添加內。外外陰效果）
box-shodow :inset x-offest y-offest blur-radius color
14:border-style:
none hiddden:隱藏。無線
dootted:點線
dashed：虛線
soild:實線
double：雙線
15：網頁劇中的條件：
1>塊元素
2>固定寬度
第六章預習筆記