標籤：陰影 round back 壓縮 個數 rda one ted ice
margin縮寫形式： ①一個值，上下左右均為此值；例如margin：10px=margin:10px 10px 10px 10px;
②兩個值，第一個代表上下，第二個數代表左右；例如margin：10px 5px=margin:10px 5px 10px 5px;
③三個值，上，右，下（左邊預設=右邊）
④四個值，上，右，下，左
父容器中置中：margin：0 auto
border：邊框 三個屬性值：寬度，*樣式，顏色
padding：內邊距。 會使盒模型整個可視地區變大，使用時需要注意盒模式實際顯示的區間大小。 其他使用與margin相同
Border-radius:圓角 8個屬性值，前四個x軸/後四個y軸
唯寫x軸，y軸預設等於x軸，唯寫左上方，預設=右下角，唯寫右上方，預設=左上方
Box-shadow
box-shadow: h-shadow v-shadow blur-radius(模糊距離) spread-radius(陰影擴充半徑) color inset;
Clear使用者清除浮動帶來的影響 Right，Left，both，none
水平排放 的盒子margin累加垂直排放 的盒子取最大值Border-image Border-image-source:圖片地址
Border-image-slice：圖片切片
Border-image-repeat：邊框背景是否重複，不包含對角
1、十個屬性①圖片路徑：url②圖片切片寬度：4個值，分別代表上、右、下、左四條切線。通過四條切線切割後，會把圖片分成九宮格，四個角分別對應邊框的四角，四個邊分別對應邊框的 四邊，不會進行任何展開。不能帶像素單位。③圖片邊框的寬度：4個值。分別代表上、右、下、左四條邊框，可以省略，預設=切片寬度。必須帶像素單位。④邊框背景重複方式，stretch(展開)\round(鋪滿)\repeat(平鋪) 【鋪滿會對四條邊進行適當展開壓縮】
【平鋪會保持原有四條邊的寬度，進行平鋪，可能導致角落處無法顯示完整一個圖片】
2、屬性值寫法 border-image:① ②/③px ④；（③可以省略，預設寬度=②） 第二部分可以唯寫1、2、3個，判斷方試與margin相同
null
CSS盒子模型
