3.常用CSS单位

 

1、px:绝对单位,与DPI有关

2、em:相对单位,基准点为父节点字体的大小,如果自身定义了font-size按自身来计算(浏览器认字体是16px),整个页面内1em不是一个固定的值。

3、rem:相对单位,可理解为”root em”, 相对根节点html的字体大小来计算,CSS3新加属性,chrome/firefox/IE9+支持

4、vw:viewpoint width,视窗宽度,1vw等于视窗宽度的1%。

5、vh:viewpoint height,视窗高度,1vh等于视窗高度的1%。

6、vmin:vw和vh中较小的那个。

7、vmax:vw和vh中较大的那个。

8、%:百分比

9、in:寸 = 96px

10、cm:厘米

11、mm:毫米

12、ex:取当前作用效果的字体的x的高度,在无法确定x高度的情况下以0.5em(当前字体高度的一半)计算

13、ch:   所使用字体中“0”字符的宽度,找不到时为0.5em(当前字体宽度的一半)

 

 

 

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效