css盒子模型本質上講就是一個盒子：邊框，外邊距，內邊距，內容

1. .邊框（border）
   border可以設定元素的邊框。邊框的寬度 樣式 顏色。住：邊框會影響盒子的實際大小 。
   邊框複合寫法(border：solid實線 dashed虛線 dotted點線 ）

border：1px soild/dashed/dotted #000000;

2. 內邊距（padding）
   padding屬性用於設定內邊距，即邊框與內容之間的距離。
   內間距簡寫
   padding-top（上內邊距）padding-right（右內邊距）padding-bottom（下內邊距）padding-left（左內邊距）
   padding會影響盒子實際的大小。（簡單說：盒子有了高和寬，此時指定內邊距的時候，會撐大盒子）
   
   若盒子本身沒有指定width或height，則盒子不會被padding撐開。

上下左右內邊距都為1px

padding:1px;

上下內邊距為1px 左右內邊距為2px

padding：1px 2px;

上內邊距為1px 下內邊距為2px 左右內邊距為3px

padding:1px 3px 2px;

住：

• 行內元素轉換為行內塊元素：

display: inline-block;

• a標籤下劃線取消：

text-decoration:none;

• 行高(1px):

line-height：1px;