CSS的长度单位

最新推荐文章于 2024-08-22 12:33:24 发布
最新推荐文章于 2024-08-22 12:33:24 发布
阅读量675 收藏
点赞数 1
分类专栏： CSS 文章标签： css css3 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_56930747/article/details/124511718
版权
本文介绍了CSS中常用的长度单位，包括绝对单位如px、in、cm等，以及相对单位如em、rem、%等。绝对单位提供固定尺寸，而相对单位则根据上下文或根元素大小调整。理解这些单位对于网页布局和响应式设计至关重要。
摘要由CSDN通过智能技术生成

CSS中的长度单位分为绝对单位和相对单位。

绝对单位：一个单位可以代表实际的长度大小，在页面中以最精确的像素进行展示。

相对单位：相对单位是浏览器的度量单位，相对于物理像素（显示器的分辨率）。

单位符号单位名称相对/绝对单位备注
px像素绝对单位-
in英尺绝对单位1in=96px
cm厘米绝对单位1cm=37.8px
mm毫米绝对单位1mm=3.78px
em-相对单位随父级或当前元素的font-size变化
rem-相对单位相对于根节点的font-size变化
pt点相对单位1pt=1.33px
pc派卡相对单位1pc=12pt=16px
ex-相对单位0.5em
ch-相对单位0.5em
%百分比相对单位-

大雾肆起
关注
专栏目录
CSS中的长度单位
YANGMENGZHENG的博客
10-27 528
目录 一、长度单位 CSS 单位 二、绝对长度 三、相对长度 1、单位描述 2、vw、vh和%的区别 3、vmin、vmax的用处 一、长度单位 CSS 单位 CSS 有几种表示长度的不同单位。 许多 CSS 属性接受“长度”值，诸如width、margin、padding、font-size等。 长度是一个后面跟着长度单位的数字，诸如10px、2em...
前端4-2-5：关于CSS 长度单位总结，有你就够了！
Yummy的博客
04-02 1228
目录 一、长度单位 二、简单介绍 三、详细介绍 1、相对长度单位 2、绝对长度单位 3、长度单位总结 四、五个可能你不太了解的CSS单位 1、em 和 rem 2、对网络布局的好处（对H5页面做兼容） 3、vh 和 vw 4、vmin 和 vmax 5、ex 和 ch 五、CSS/CSS3中的时间、频率、角度 1、角度（Degress） 2、百分度（Grads） 3、弧度（Rads） 4、圈数（Turns） 5、时间（Times） 6、频率（Frequencies）
CSS长度单位
越努力，越幸运！
02-02 2492
前言 说到css的单位，大家应该首先想到的是像素单位px，我们在网页布局中一般都是用px，但是近年来自适应网页布局越来越多，em和百分比也经常用到了。然后随着手机的流行，web app和hybrid app的开发，都用到了css3技术，在css3中，新增了许多单位，rem、vw和vh、vmin和vmax、ch和ex等等，那现在对这些单位分别做一下详细的介绍吧。 一、CSS单位 CSS 有几个不同的单位用于表示长度，一些设置 CSS 长度的属性有 width，margin，padding，font-si
一文读懂 CSS 单位
最新发布
lsq191690的博客
08-22 874
说起 CSS 单位，我们最常用的可能就是像素单位（px），它是一个绝对单位，也就是说一个10px的文字，放在哪里都是一样大的。单位可以影响颜色、距离、尺寸等一系列的属性。CSS中单位的形式有很多种，下面就来学习一下 CSS 中单位！
CSS 的长度单位
长流的博客
08-07 518
长度单位包括包括：相对单位和绝对单位。 相对长度单位包括有：em,ex,ch,rem,vw,vh,vmax,vmin 绝对长度单位包括有：cm,mm,q,in,pt,pc,px em 相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。 ex 相对长度单位。相对于字符“x”的...
css中的长度单位
thewebcode
06-16 123
em：1em为当前字体font-size，一般浏览器默认为（16px）； ex：以给定字体的小写字母x的高度为基准 px：像素，屏幕上的一个小方格 pt单位名称为点（Point），绝对长度单位一般老版本的table使用长度大小单位但是现在基本上没有使用。 ...
聊一聊CSS中的长度单位的使用
12-11
因为使用场景多，因此CSS也提供了许多长度单位。有的是日常生活中使用的单位，比如：厘米（cm）和英寸（in）；有的是印刷行业使用的单位，比如：point（pt）和pica（pc）；有的是专门为CSS发明的单位，比如：px。 ...
CSS长度单位 px和pt的区别
09-25
在CSS（层叠样式表）中，长度单位用于指定元素的尺寸，如字体大小、边距、宽度等。本文主要探讨两种常见的长度单位——px（像素）和pt（点）的区别。 像素（px）是屏幕显示的基本单位，代表显示器上最小的可独立...
CSS长度单位详解：相对与绝对单位的差异及px与pt应用
- 在选择CSS长度单位时，通常建议优先使用`rem`（root em）或`vw/vh`（视口宽度/高度），它们都是相对于视口的单位，能更好地应对不同设备和屏幕大小的变化。 - 如果需要在不同分辨率下保持一致的视觉效果，使用...
CSS中长度单位的使用
dodott的专栏
08-22 1469
在写css的时候最常用的长度单位是px(像素)，经常看到的还有em，pt等等，其实css中的长度单位一共有8个，分别是px，em，pt，ex，pc，in，mm，cm。 　　1、px：像素(Pixel),相对于设备的长度单位，像素是相对于显示器屏幕分辨率而言的。 　　譬如，WONDOWS的用户所使用的分辨率一般是96像素/英寸。而MAC的用户所使用的分辨率一般是72像素/英寸。 　
CSS 长度单位详细总结
单枪匹码
11-04 8044
一、CSS中的长度单位： 在CSS中以不少值是以长度作为值的，盒子模型的属性就是一些明显的值属性：width、height、margin、padding、border。除此之外还有很多的css属性的值同样也是长度值，像偏移量offset、box-shadow的大小或字体大小、间距等，在CSS中存在众多的长度单位，下面我们就来说一下长度单位以及它们的用途。 二、简单的介绍：（长度单位都有哪些：） 在...
CSS中的长度单位详解
weixin_58462329的博客
06-03 639
在CSS中，长度单位是定义元素尺寸、间距、边距等的重要工具。不同的长度单位具有不同的特性和使用场景。
CSS中常见的长度单位
Dablelv 的博客专栏。
10-14 3086
CSS中常见的长度单位名称，简洁明了。
CSS长度
云胜的笔记
11-24 584
长度值CSS 的类型表示距离测度。它是一个 后紧随一个长度单位（px，em，px，in，mm，…）。和任何 CSS 尺寸一样，数字和单位之间没有空格。 0之后的长度单位是可选的。 许多CSS属性使用值，比如width、margin、padding、font-size、border-width、text-shadow…相对长度单位 em 相对长度单位，这个单位表示元素的font-size的计算值。如
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值