长度单位
绝对单位
定义：一旦设置成功，不会随着其他因素而改变
像素(px)
也叫CSS像素，还叫程序员像素
在PC端，1px===1个物理像素===1个发光的小圆点
相对单位
定义：会随着某一条件的变化而变化，如：父元素的大小，父元素字体的大小，根标签(html)字体的大小，当前视口的大小
百分比%
会随着父元素的大小变化而变化，后期可以做流式布局
em
会随着当前元素的字体大小的改变而改变，1em等于一个font-size，如果当前元素没有设置字体大小，则继承祖先元素的，最终会继承根标签的默认字体大小
rem
会随着根标签的字体大小改变而改变
vw
viewport width === 设备的视口宽度100%相当于100个vw
1vw === 设备视口的1%
vh
viewport height === 设备视口高度100%相当于100个vh
1vh === 设备视口的1%
颜色单位
1、直接用颜色的英文单词来表示不同的颜色
如： red红、black黑、yellow黄、white白、orange橘、green绿、blue蓝、pink粉
2、使用rgb值来表示不同颜色的值
语法：rgb(r,g,b)
r g b的值在0-255之间
3、rgba，a代表颜色的透明度
语法：rgba(r,g,b,a)
r g b的值在0-255之间，a的取值范围在0-1之间
4、使用十六进制的rgb值来表示颜色
语法：#_ _ _ _ _ _（六位十六进制数）0-9，a、b、c、d、e、f
常用：#ccc，#333，#515151，#eee
5、HSL值 HSLA值
HSL 值
H：色相、S：饱和度、L：亮度
表示为 hsl(hue, saturation, lightness)。色相（Hue）是色轮上的角度值，范围从 0 到 360 度（0 或 360 代表红色，120 代表绿色，240 代表蓝色）；饱和度（Saturation）是百分比值，0% 表示灰色，100% 表示完全饱和；亮度（Lightness）也是百分比，0% 为黑色，100% 为白色，50% 为中等亮度。例如，hsl(120, 100%, 50%) 表示完全饱和的绿色。
HSLA 值
H：色相、S：饱和度、L：亮度、A：透明度
表示为 hsla(hue, saturation, lightness, alpha)，其中前三个参数与 HSL 相同，Alpha（透明度）参数控制不透明度，取值范围为 0.0（完全透明）到 1.0（完全不透明）。35 例如，hsla(120, 100%, 50%, 0.5) 表示半透明的绿色。
字体样式
color
设置字体颜色，也可以设置其他颜色，如：字体图标
font-size
设置字体大小
font-family
设置字体类型，如：'宋体'
自定义字体的使用
第一步定义：
定义语法：@font-face{
font-family: 自定义字体名
src: url(字体所在文件路径地址)
}
第二步使用：
语法：font-family: '自定义的字体名'
字体的类型：
1、serif：衬线字体
2、sans-serif：非衬线字体
3、monospace：等宽字体
4、cursive：草书字体
5、fantasy：虚幻字体
可以将字体设置为这些大的分类,当设置为大的分类以后，
浏览器会自动选择指定的字体并应用样式
一般会将字体的大分类，指定为font-family中的最后一个字体 ,用来兜底
font-style
可选值：
normal 默认值，正常显示
italic/oblique：斜体
font-weight
可选值：
normal：默认值，正常显示
bold/bolder：加粗
100-900数值：100最细，900最粗
font的简写的注意点
1、必须要设置字体大小，字体类型
2、字体大小必须在倒数第二位，字体类型必须放在倒数第一位