上一篇，我们学到了如何用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
  .
  .
  .
}