第九日回顧：
我們在第九日已經了解該如何去取得我們想要的標籤了，並且說明了些在撰寫 CSS 時常聽到的一些詞，而今天呢我們會介紹 CSS 另一個重要的課題，box model

一個 HTML Tag 除了本身的內容之外還有三個包覆它的東西，由內至外分別為：
1.padding：內距，也就是內容與邊框的距離
2.border：邊框
3.margin：邊界：與其他標籤的距離

如果今天我們要設定一個 button 標籤的 paaing 我們可以這樣下

button {padding: 10px;} 這個是將上下左右內距皆設為 10 px 
button {padding-left/right/top/bottom : 10px;} 這個是單獨設定上/下/左/右的內距為 10px
button {padding: 10px 20px ;} 這個是將上下設為 10 px 左右設為 20 
button {padding: 10px 20px 30px 40px} 依照順時針順序，將上 右 下 左 更改為 10 20 30 40px

而 margin 同理，不過不推薦將行內元素設置 margin 屬性，很容易造成跑板問題

至於 border 我們常會用到的有兩種東西，分別為一般設定和圓角設定
一般設定很簡單

button{ border 1px solid red;} 
這分別設定了 邊框大小(border-width) 邊框線條(border-style) 以及邊框顏色(border-color)

而圓角設定方法如下：

button{border-redius: 20px} 這代表我們將一個 長寬為 40px 的方形變成圓形

今天關於盒子模型介紹到此結束啦~讓我們明天再見

小抱怨專區：
Hibernate 好難架啊，一怒之下就把公司電腦還原，果然電腦乾淨多了