CSS度量单位px/pt/em/in/pc/mm/cm

2024-05-31 02:32:18

在CSS中，度量单位分为两种：

相对单位：px / em / ex / %

绝对单位：cm / pt / in / pc / mm

这些单位的具体解释

px

相对长度单位。像素（Pixel）。

像素是相对于显示器屏幕分辨率而言的。譬如，WONDOWS的用户所使用的分辨率一般是96像素/英寸。而MAC的用户所使用的分辨率一般是72像素/英寸。

em

相对长度单位。相对于当前对象内文本的字体尺寸。

如当前行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。

ex

相对长度单位。相对于字符“x”的高度。此高度通常为字体尺寸的一半。

如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。

pt

绝对长度单位。点（Point）。

1in = 2.54cm = 25.4 mm = 72pt = 6pc

pc

绝对长度单位。派卡（Pica）。相当于我国新四号铅字的尺寸。

1in = 2.54cm = 25.4 mm = 72pt = 6pc

in

绝对长度单位。英寸（Inch）。

1in = 2.54cm = 25.4 mm = 72pt = 6pc

mm

绝对长度单位。毫米（Millimeter）。

1in = 2.54cm = 25.4 mm = 72pt = 6pc

cm

绝对长度单位。厘米（Centimeter）。

1in = 2.54cm = 25.4 mm = 72pt = 6pc

CSS度量单位px/pt/em/in/pc/mm/cm相关推荐

CSS里面的长度单位px/pt/em/in/pc/mm/cm解释
本文转自https://www.cnblogs.com/913815ccmm/p/4858638.html 感谢博主分享在CSS中,度量单位分为两种: 相对单位:px/em/ex/% 绝对单位:cm ...
CSS单位 px pt em和rem 之间的区别
CSS中可以定义大小的单位有四种px,pt,em,rem,而px可以说在网页开发中最常见的单位了.不过现在如今的大多数网站已经开始用rem这个单位了.那么这四个单位有什么区别呢? px|pt|em|r ...
CSS 中px、em、rem、%、vw、vh单位之间的区别详解【全网最全】
一.px(像素) [绝对单位,页面按精确像素展示] px就是pixel(像素)的缩写,相对长度单位,相对于屏幕分辨率. px表示像素 (计算机屏幕上的一个点:1px = 1/96in),是绝对单位,不 ...
css中px、em和rem的区别总结
前言 em 和 rem 都是灵活可扩展的单位,由浏览器转换为像素值,取决于设计中的字体大小,如果使用值 1em 或 1rem ,它可以被浏览器转换为从 16px 到 160px 或其他任意值.浏览器使 ...
常用px, pt, em 换算表
常用px,pt,em换算表 pt (point,磅):是一个物理长度单位,指的是72分之一英寸. px (pixel,像素):是一个虚拟长度单位,是计算机系统的数字化图像长度单位,如果px要换算成物理 ...
CSS中 px、em、rem区别
PX px像素(Pixel).相对长度单位.像素px是相对于显示器屏幕分辨率而言的. PX特点 1. IE无法调整那些使用px作为单位的字体大小: 2. 国外的大部分网站能够调整的原因在于其使用了em ...
CSS的px和em的区别
一.px:pixel(像素)的缩写 =>1024px就是1024像素,也就是点. =>任意浏览器的字体默认的大小都是16px. =>windows的一般浏览器是 1024*768,也 ...
区别css单位px、em、rem
在对页面进行自适应时,查阅相关资料了解到,通常有两种方式将px转换为em或者rem,下面就上述三者之间的联系进行讲解: em与px转换一般浏览器默认1em=16px,通过设置font-size大小来 ...
深度解析使用CSS单位px、em、rem、vh、vw、vmin、vmax实现页面布局
1.px:绝对单位,页面按精确像素展示 2.em:相对单位,基准点为父节点字体的大小,如果自身定义了font-size按自身来计算(浏览器默认字体是16px),整个页面内1em不是一个固定的值. em ...
弄清楚CSS单位px、em、rem、vh、vw、vmin、vmax的应用场景
1.px:绝对单位,页面按精确像素展示 2.em:相对单位,基准点为父节点字体的大小,如果自身定义了font-size按自身来计算(浏览器默认字体是16px),整个页面内1em不是一个固定的值. em ...

最新文章

热门文章