ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

3.常用CSS单位

2021-06-04 22:01:13  阅读:188  来源: 互联网

标签:em 常用 视窗 vh 单位 宽度 字体 vw 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(当前字体宽度的一半)

 

 

 

标签:em,常用,视窗,vh,单位,宽度,字体,vw,CSS
来源: https://blog.csdn.net/qq_44805237/article/details/117572810

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有