CSS常用属性_(进阶)
目录
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.过度属性（不生硬，时间的变化，慢慢变大/变色）
