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 中支持的相对长度单位：

【示例】下面通过一个综合的示例演示相对长度单位的使用：

     
  
 这是 16px 的字体 
这是 2em 的字体
 
 x：这是 3ex 的字体 
 
 0：这是 4ch 的字体 
 
  

运行结果如下图所示：

2、绝对长度单位

绝对长度单位表示一个真实的物理尺寸，它的大小是固定的，不会因为其它元素尺寸的变化而变化。下表中列举了 CSS 中支持的绝对长度单位：

【示例】下面通过一个综合的示例演示绝对长度单位的使用：

     
  
 这是 16px 的字体 
这是 2pt 的字体
 
这是 3pc 的字体
 
  

运行结果如下图所示：

（学习视频分享：web前端）

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!