itab.link
获得徽章 14
![[右]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_117.6dd2889.png)
破圈行动-限时开启![[左]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_116.16df22c.png)
xdm请集合，破圈行动即将开始！每天轻轻松松在圈子分享动态，就能把周边带回家，让我看看以后谁说还没有掘金周边？
⏰活动时间：9月23日-9月30日（别看错时间咯）
📖活动规则：在活动期间内，每人每天需要破解【3个】圈子（选择3个圈子发沸点），每次发布的圈子不能重复，且内容需符合圈子的主题。在发布沸点前，需看清每个圈子的介绍和公告噢。
举个例子：
小明今天在圈子“理财交流圈”、“代码人生”和“技术交流圈”这3个圈子各发布了一条沸点，那么明天只能在这3个之外的圈子发动态、以此类推。
💡这6个圈子不参与此次活动：树洞一下、掘金相亲、反馈建议、沸点福利、掘金官方、上班摸鱼。
活动奖励：见图二，这奖励你还不来参加![[看]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_97.39cdc9f.png)
⏰开奖时间：国庆回来后的三个工作日展开27978- #前端/css
CSS 中的度量单位
1、绝对值单位。要记住，css 并不仅仅应用于数字媒介，它也能定义打印内容的样式。绝对值就非常适合于设计打印样式。
css 中的绝对值度量单位有：
cm 厘米 1cm = 96/2.54 像素
mm 毫米 1mm = 0.1cm = 96/25.4 像素
Q 四分之一毫米 1Q = 1/40 厘米
in 英寸 1in = 2.54 厘米 = 96 像素
pc Picas 1pc = 1/6 英寸
pt Points 1pt = 1/72 英寸
px 像素值1px = 1/96 英寸
2、相对值单位。相对长度与百分比类似，是基于一个值计算而来的尺寸大小。与百分比不一样的是，可以通过单位来决定尺寸的参考物。相对长度单位又可以再划分为字号相对单位（font-size-relative unit）和 视口相对单位（viewport-relative unit）
与 font-size 有关的 css 度量单位
em 基于容器元素 font-size 的相对比值。（冷知识：font-size 是大写子母“M”渲染后的计算高度值）
ex 也是基于元素 font-size 的相对值。不过是小写“x”高度，一般等于0.5em
cap 当前元素字号的大写字母的高度
ch、ic 分别是字符集中窄字符和宽字符的平均占位宽度
rem 基于根元素的字号
lh 相对于当前元素行高 line-height
rlh 相对于根元素的行高
与 viewport 视窗有关的 css 度量单位
vw、vh 分别是相对视口宽度和视口高度值的 1%。
vi、vb
vmin、vmax 视口宽度和高度值中，vmin 表示值更小的那个的1%，vmax 是大的那个的 1%
3、css 中的角度度量单位
deg 度数 90deg 表示90°
rad 弧度 1rad = 180° / PI
grad 梯度，一个圆有400个梯度 1grad = （360 / 400）deg
turn 转数 1turn = 360deg
4、分辨率单位
dpi 单位常见的应用场景是 media query 媒体查询中，作为屏幕分辨率查询条件
展开评论4
![[右]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_117.6dd2889.png)
破圈行动-限时开启![[左]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_116.16df22c.png)
![[看]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_97.39cdc9f.png)
