常用的 CSS 长度单位

1. px（像素）

最常用到的 绝对长度单位，相对于显示器分辨率而定的单位，兼容性好。

2. 百分比

常见 相对长度单位，相对于父元素的尺寸的取值，实际使用中，如果父元素是一个非稳定的取值，可能会导致父元素被撑开，而实际值取决于其祖先元素中最近的一个拥有稳定取值的元素。整数取值，并不适用于解决自适应问题。

3. em

常见 相对长度单位，取决于目标元素字体尺寸。

4. rem

CSS3中加入的 相对长度单位，取决于文档根元素（通常为:root）的字体尺寸，适用于依据字体尺寸进行的排版，适用于自适应。

5. vw & vh

CSS3中加入的 相对长度单位，取决于浏览器视窗的宽（高），1vw 即为浏览器视窗宽度的1/100，适用于依据屏幕宽或高进行的排版，适用于自适应。

6. vmin & vmax

CSS3中加入的 相对长度单位，取决于浏览器视窗的宽或高中最小（最大）尺寸的轴，适用于依据屏幕最值宽或高进行的排版，适用于自适应。

7. pt （点）

绝对长度单位，多用于字体尺寸，1px = 0.75pt。

附：

绝对长度单位换算公式： 1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px

常用的 CSS 长度单位相关推荐

常用的CSS属性的英文单词总结及用法、解释
1.(盒子)布局排版类 - TOP float - 浮动:设置块元素的浮动效果.可选常用到参数left.right : width - 宽:确定盒子本身的宽度,可以使盒子的宽度不依靠它所包含的内容多少 ...
css的长度单位没有哪些,css 长度单位知多少
写在前面:在这个是个 coder 都会写两行前端代码的年代下,几乎都对 css 不是很陌生,但是真正能写好的确需要对 css 深入学习了,做为一个不称职的后端,我觉得我也有必要多了解一下. css 中 ...
html5属性单词,常用的CSS属性的英文单词总结及用法、解释
在div css制作中常用的CSS属性的英文单词介绍.解释与css样式用法总结.这些单词无需一定要记住会拼写,但是要求看见他们就能认识他们并知道他们的属性及用法,这里有个记住他们属性的技巧就是多制作和 ...
web标准化设计：常用的CSS命名规则
常用的CSS命名规则头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左 ...
最常用的css选择器及兼容性 +几个好用却不多见的 nth-child等
你也许已经掌握了id.class.后台选择器这些基本的css选择器.但这远远不是css的全部.下面向大家系统的解析css中30个最常用的选择器,包括我们最头痛的浏览器兼容性问题.掌握了它们,才能真正领 ...
第60天：js常用访问CSS属性的方法
一. js 常用访问CSS 属性的方法我们访问得到css 属性,比较常用的有两种: 1. 利用点语法 box.style.width box.style.top 点语法可以得到 ...
常用的CSS命名规则
网页设计中常用的CSS命名规则: 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wra ...
【CSS练习】常用的CSS字段
常用的CSS字段 CSS 的全称是 Cascading Style Sheet(层叠样式表),它主要用来控制网页的样式. 注意,CSS 的选择器区分大小写,因此要谨慎使用大写. CSS 早已被所有主流 ...
css默认的font-size是什么意思,常用的css属性：font-size等
原标题:常用的css属性:font-size等今天给大家介绍一些常用的css属性: 1 font-size:用于设置字体大小 font-size:20px; font-size:150% 2 fon ...