这篇文章主要讲解了“css中设置长度的单位是什么”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“css中设置长度的单位是什么”吧！ css长度单位有：1、em，相对字体长度单位，它的单位长度是根据元素的文本文字垂直长度来决定的；2、rem，相对字体长度单位，只相对根元素即html元素字体大小来确定其长度；3、%，相对于父元素宽度或字体大小的百分比；4、px，像素，是相对于显示器屏幕分辨率而言的；5、vw，相对于浏览器窗口的宽度；6、vh，相对于浏览器窗口的高度；7、ch，相对于所用字体中数字0的高度。本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。CSS样式由选择器、属性和值三个部分组成（例如p{width: 100px;}），在设置某些属性值时可能会涉及到与值对应的单位。CSS 支持多种不同的长度单位，根据类型的不同可以分为两类，分别是绝对长度单位（例如英寸、厘米、点）和相对长度单位（例如百分比）。1、相对长度单位相对长度单位指的是这个单位没有一个固定的值，它的值受到其它元素属性（例如浏览器窗口的大小、父级元素的大小）的影响，在响应式布局方面相对长度单位非常适用。下表中列举了 CSS 中支持的相对长度单位：相对字体长度单位，它的单位长度是根据元素的文本文字垂直长度来决定的。相对于自身 font-size（字体大小）属性的值，如果自身没有设置，则继承父元素 font-size 属性的值，1em 等同于 font-size 属性值，例如 font-size 的值为 16px，那么 1em 就等于 16px，2em 就等于 32px相对字体长度单位，只相对根元素即html元素字体大小来确定其长度。相对于根元素 的 font-size 属性的大小，比如根元素的 font-size 是 100px，那么 1.2rem 就相当于 120px【示例】下面通过一个综合的示例演示相对长度单位的使用：这是2em的字体
x：这是3ex的字体
0：这是4ch的字体
运行结果如下图所示：2、绝对长度单位绝对长度单位表示一个真实的物理尺寸，它的大小是固定的，不会因为其它元素尺寸的变化而变化。下表中列举了 CSS 中支持的绝对长度免费云主机域名单位：像素，是相对于显示器屏幕分辨率而言的（1px = 1/96in）【示例】下面通过一个综合的示例演示绝对长度单位的使用：这是2pt的字体这是3pc的字体运行结果如下图所示：感谢各位的阅读，以上就是“css中设置长度的单位是什么”的内容了，经过本文的学习后，相信大家对css中设置长度的单位是什么这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是百云主机，小编将为大家推送更多相关知识点的文章，欢迎关注！
这篇文章主要介绍“JavaScript中的数组方法和循环怎么用”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“JavaScript中的数组方法和循环怎么用”文章能帮助大家解决问题。JavaScript 数组用于在单一变量…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
