像素
不同的屏幕的像素大小是不同的，像素越小的屏幕显示效果越清晰
同样的200px在不同的设备下显示效果不一样
div{
width:200px;
height:200px;
color:red;
}百分比
这里的50%是相对于父元素的比例
div{
width:50%;
height:50%;
color:red;
}em
相对于自身元素的字体大小计算的
例如：字体大小默认为16px，10em=160px；
div{
width:10em;
height:10em;
color:red;
}rem
与em类似，相对于跟元素的字体大小计算<html>的
颜色单位
background-color:red;
RGB值格式(光的三原色）:
background-color:rgb(红色，绿色，蓝色）;
例如：background-color:rgb(0,0,255);//蓝色
rgba a表示透明度
backgroud-color:rgba(0,0,0,.5)半透明
十六进制的rgb值
语法#红色绿色蓝色(如果两位重复，可以简写成一位）
例如#ff00ff --->#f0f
常用颜色：护眼绿#bbffaa
HSL值 HSLA值（不常用）
H：色相(0-366)
S：饱和度(0-100%)
L：亮度(0-100%)
如：background-color:hsl(254,33%,0%);
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
