```
內邊距: padding
```
作用:設置寬度和高到邊框的間距
<p style="color:red">特點:不能加載內容,但是可以加載背景
特點:如果文字標簽p等文字標簽使用則會內縮文字,如果是盒子標簽使用則會外撐高或者撐寬盒子。 </p>
屬性名:padding
屬性值為px 為單位i的數值
padding 屬性是一個綜合屬性,可以根據不同方向進行設置
```
padding-top
//上
padding-bottom
//下
padding-left
//左
padding-right
//右
```
四值法:
```
padding:4px; 上下左右分別具有4像素
padding:2px 4px; 上下為二像素,左右為4像素
padding:10px 20px 30px 上:10px 左、右:20px 下:30px
padding:1px 2px 3px 4px 上:1px 右:2px 下:3px 左:4px
```
代碼
```
.ps{
width:100px;
padding:20px30px20px30px;
background-color:?sienna;
????}
<div class="ps">
<p>我是文字</p>
</div>
```
效果:

- 簡介
- 文字三屬性(顏色,字號,字體)
- 盒子三屬性(width , height, background-color)
- CSS引入方法
- CSS選擇器
- css高級選擇器
- CSS的繼承性
- 顏色屬性color
- 字體font-family
- 字號font-size
- 文字在盒子行高 line-height
- 字體加粗font-weight
- 字體樣式font-style
- 文本段落對齊text-align
- 文字修飾(上劃線下劃線中劃線 text-decoration)
- 文字縮進text-indent
- 盒子模型的寬度與高度width,height
- 內邊距padding
- 邊框border
- 外邊距margin
- 清除默認樣式
- 盒子height高度屬性拓展
- 文字在盒子里居中text-align:center
- 盒子在盒子里的水平居中
- margin塌陷
- 標準文檔流display
- 浮動float
- 浮動元素性質
- 浮動貼邊原理
- 浮動元素的標準流問題(文字圍邊效果)
- 清除浮動
- 清除浮動影響二: clear屬性
- 清除浮動overflow方法
- 偽類標簽
- background-color背景顏色屬性
- background-image 背景圖片調用
- background-repeat 背景圖平鋪狀態
- background-position背景定位
- background-attachment背景附著
- background綜合語法
- 相對定位position:relative
- 絕對定位position:absolute
- 定位壓蓋順序
- CSS制作LOGO超鏈接妙招
- CSS公共類的繼承性
- em單位
- 媒體查詢
- flex布局