目录

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.过度属性（不生硬，时间的变化，慢慢变大/变色）