你不知道的CSS(单位篇)
2018-07-25 14:05
176 查看
单位篇
兼容性支持:
IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|
9.0+ | 2.0+ | 4.0+ | 3.1+ | 3.5+ | 3.2+ | 2.1+ | 18.0 |
一、长度
rem:相对长度单位。相对于根元素(即html元素)font-size计算值的倍数;
vw:相对于视口的宽度。视口被均分为100单位的vw;
vh:相对于视口的高度。视口被均分为100单位的vh;
vmax:相对于视口的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax;
vmin:相对于视口的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vmin;
ch:数字0的宽度;
二、角度
deg:度(Degress)。一个圆共360度;
grad:梯度(Gradians)。一个圆共400梯度;
rad:弧度(Radians)。一个圆共2π弧度;
turn:90deg = 100grad = 0.25turn ≈ 1.570796326794897rad,即1turn=1圈=360deg=400grad=2π;
三、颜色
HEX:#RRGGBB 或 #RGB,
RR:红色值。十六进制正整数。
GG:绿色值。十六进制正整数。
BB:蓝色值。十六进制正整数。
RGBA(R,G,B,A):(A可有可无)
R:红色值。正整数 | 百分数。
G:绿色值。正整数 | 百分数。
B:蓝色值。正整数 | 百分数。
A:Alpha透明度。取值0~1之间。
HSLA(H,S,L,A):(A可有可无)
H:Hue(色调)。0(或360)表示红色,120表示绿色,240表示蓝色,也可取其他数值来指定颜色。取值为:0 - 360。
S:Saturation(饱和度)。取值为:0.0% - 100.0%。
L:Lightness(亮度)。取值为:0.0% - 100.0%。
A:Alpha透明度。取值0~1之间。
阅读更多
相关文章推荐
- 你不知道的CSS单位
- 移动端开发,几个你可能不知道的CSS单位属性。
- 你可能不知道的7个CSS单位
- CSS中你可能不知道的单位
- css单位:em,rem解释
- CSS里面的em和px的单位换算
- 搞清css长度单位及区别 em ex px pt in
- 移动H5开发入门知识,CSS的单位汇总与用法
- CSS移动端的单位
- CSS的单位及line-height百分比
- [转]彻底弄懂css中单位px和em,rem的区别
- 你可能没注意的CSS单位
- 彻底弄懂css中单位px和em,rem的区别
- CSS控制表格显示效果,可能有你还不知道的方法哦
- html,CSS文字大小单位px、em、pt的关系换算
- 彻底弄懂css中单位px和em的区别
- 你不知道的css中block与inline的区别(转)
- 你所不知道的 CSS 动画技巧与细节
- CSS--值和单位
- CSS中那些px、em、pt、rem、%、dp(android)单位