>### A.今天學什么？
##### 1.什么是`html`、`css`
```
html負責網頁結構，css負責修飾
```
##### 2.常用的`html`標簽
```
h1~h6, p, div, a, input, button, ul, li, dl, dt, dd
```
##### 3.常用的`css`樣式
- ##### 3.1`css`基本語法
```
// HTML
<p>hello world</p>
```
```
// css
<style>
p{color: red}
</style>
```
- ##### 3.2常用選擇器
```
//HTML
<p class="one" id="two">hello world</p>
```
```
// css
// 元素選擇器
p{}
// class選擇器
.one{}
// id選擇器
#two{}
```
- ##### 3.3盒子模型
- ##### 3.4實現元素水平居中
```
// 元素水平居中僅對塊元素有效
// 四位的話 上 右 下 左 順時針
margin: 0 auto; // 上下 左右
```
- ##### 3.5常用的css樣式
```
color: 設置文字的顏色
width: 設置一個元素的寬度
height: 設置一個元素的高度
background-color: 設置背景顏色
background-image: 設置一個元素的背景圖片
line-height: 設置文字的行高
text-align: 設置文字的對齊方式
border: 設置邊框的樣式
```
