>### 盒子模型
### 1.content(自身寬高),padding(填充),border(邊框),margin(外邊距)

### 2.盒子模型margin,padding,border的傳參
margin:10px;(傳一個參數,四個方向都改變)
margin:10px 20px;(top,bottom為10px;left,right為20px)
margin:10px 20px 30px;(top為10px,right為20px,bottom為30px,left為20px)
總結:也就是按順時針(上右下左的方向依次改變),padding,border同理一樣
### 3.水平居中
~~~
margin-left:auto;
margin-right:auto;
僅僅針對塊元素有效
~~~
#### 4.如何讓內聯和內聯塊水平居中
~~~
方法一:
//給他自身
display:block;
margin-left:auto;
margin-right:auto;
方法二:
//給他父類元素
text-align:center;
~~~
- html-css
- 第一節 外部樣式表
- 第二節 元素選擇器
- 第三章 盒子模型
- 第四章 html標簽的分類
- 第五章 css選擇器
- 第六章 權重
- 第七章 css基本樣式
- 第一節 背景
- 第二節 文本
- 第三節 字體
- 第四節 鏈接
- 第五節 列表(針對ul)
- 第六節 邊框
- 第七節 簡單表格
- 第八節 nvvm
- 第九節 跨越列的表格
- 第十節 跨越行的表格
- 第十一節 有間隔的表格
- 第十二節 opacity透明度
- 第八章 css樣式的繼承
- 進階教程
- 1.flex教程
- flex補充1
- flex補充2
- 2.grid布局
- css
- 第一節 box-sizing
- 第二節 float
- 第三節 position
- 第四節 導航欄
- iconfont的使用
- 第五節 搜索功能的實現