目錄

1.尺寸單位與顏色

（1）尺寸

（2）顏色 常用2種

（3）顏色屬性值（透明度）

例如：

2.字體屬性font

例如：

**順序

3.文本屬性

?編輯例如：

4.背景屬性 background

（1）知識點 （顏色、圖片、平鋪、定位、背景大小）

?編輯

（2）圖片平鋪

（3）圖片截取部分（注意左上角的具體位置，覆蓋在坐標軸的哪里）（負值，負值）

（4）漸變：

5.邊框

（1）知識點 （樣式、顏色、厚度、觸碰）

（2）7種邊框效果

（3）內尺寸top、外尺寸margin（向內/外填充）

**內填充：寫上下左右/pading=10px

（4）盒子模型案例（有內外填充）

6.定位position

（1）知識點：（絕對、相對、固定）

（1）相對定位（紅方塊針對于灰色框的定位）

（2）絕對定位（針對于整個屏幕的定位）

（3）固定定位（懸浮固定）

**三種定位

7.1布局（普通布局）

7.2布局（彈性盒子布局）舊

7.2布局（彈性盒子布局）新

例如：導航

**用display做，就是塊狀信息；就可以不用套div

---

1.尺寸單位與顏色

（1）尺寸

（2）顏色 常用2種

（3）顏色屬性值（透明度）

例如：

div是塊狀標簽，可以指定寬高尺寸：

2.字體屬性font

**行高：用倍數

例如：

**順序

3.文本屬性

例如：

4.背景屬性 background

（1）知識點 （顏色、圖片、平鋪、定位、背景大小）

例如：

（2）圖片平鋪

center center 水平垂直居中? ? ? ? no-repeat不鋪

（3）圖片截取部分（注意左上角的具體位置，覆蓋在坐標軸的哪里）（負值，負值）

（4）漸變：

5.邊框

（1）知識點 （樣式、顏色、厚度、觸碰）

例如：

（2）7種邊框效果

（3）內尺寸top、外尺寸margin（向內/外填充）

**內填充：寫上下左右/pading=10px

（4）盒子模型案例（有內外填充）

6.定位position

（1）知識點：（絕對、相對、固定）

例如：

（1）相對定位（紅方塊針對于灰色框的定位）

（2）絕對定位（針對于整個屏幕的定位）

（3）固定定位（懸浮固定）

**三種定位

7.1布局（普通布局）

（1）知識點

（2）例如：

7.2布局（彈性盒子布局）舊

7.2布局（彈性盒子布局）新

例如：導航

**用display做，就是塊狀信息；就可以不用套div

**手冊里面的 彈性盒子布局（top 居中 底部 豎直）移動端

8.用戶界面

鼠標的形狀

9.雙層邊框

10.變換效果

11.過度屬性（不生硬，時間的變化，慢慢變大/變色）