上一篇，我們學到了如何用CSS選取HTML物件，但我們只選取了HTML物件，而沒有改變HTML物件的外觀，所以今天這一篇的重點就是：如何用CSS改變HTML物件的外觀。

流程

當我們需要改變HTML物件的外觀時，我們要先選取該HTML物件，然後在HTML元素的右邊寫一個花括弧，接著再花括弧裡添加我們想改變的外觀設定，也就是CSS tag！（寫法如下：）。

在HTML裡，我們要添加一個<div id = heyId>Hello World!<div>
在CSS裡，則像這樣：

#heyId{
//CSS tag
}

白話文則是這樣：

人{
上衣：白色無袖上衣
外套：粉色長袖毛外套
下半身：長型牛仔褲
鞋子：白色布鞋
.
.
.
}

常見的CSS tag

整個頁面美化類型

background-color：(背景顏色)（若無法呈現顏色，能用background:(...)試試）

background-image：'(背景圖片路徑)'

文字美化類型

font-family：(字體種類)

font-size：(字體大小)

font-color：(字體顏色)（若無法呈現顏色，能用color:(...)試試）

font-weigh：(字體粗細)

皆可用

border：(邊框顏色、樣式、粗細)

border radius：(外框圓角大小)

定位＋顯示

position：(位置)

display：(顯示方式)

這二個都是我個人認為CSS中比較難的部分，下一篇和會為此詳細講解～

外邊距與內邊距

margin：(外邊距大小與屬性)

padding：(內邊距大小與屬性)

這二個也是我個人認為CSS中比較難的地方，下一篇會為此詳細講解～

痾，來試試吧？

body{
background-color: #a9c7ac;
}
#heyId{
  font-size: 150px;
  font-family: monospace
  .
  .
  .
}