CSS单位是什么?该怎样表示?

Python进阶学习交流
关注

三、绝对长度单位

绝对长度单位相对于彼此固定。它们高度依赖于输出介质,因此在输出环境已知时主要有用。绝对单位由物理单位(的 in、cm、mm、pt、pc)和 px 单位。表中j进行属性的详细介绍。

单位描述in英寸 - 1 英寸等于 2.54 厘米。cm厘米。mm毫米。ptpoints - 在 CSS 中,一个点定义为 1?72 英寸(0.353mm)。pcpicas - 1pc 等于 12pt。px像素单位 - 1px 等于 0.75pt。

绝对物理单位,例如 in、cm、mm 等应被用于打印介质和类似的高分辨率的设备。然而,对于桌面和低分辨率设备等屏幕显示,建议使用像素或 em 单位。

例:

h1 {                margin: 0.5in;            }             inches  
           h2 {                line-height: 3cm;            }             centimeters
           h3 {                word-spacing: 4mm;            }             millimeters
           h4 {                font-size: 12pt;            }             points
           h5 {                font-size: 1pc;            }             picas
           h6 {                font-size: 12px;            }             picas

提示: 使用相对单位(如 em 或百分比 %)的样式表可以更轻松地从一个输出环境扩展到另一个输出环境。

四、总结

本文主要介绍了css单位的运用,通过两个方面展开,相对长度单位,绝对长度单位,在项目中需要注意的点,需要注意的事项,都进行了详细的讲解和提供了对应的解决方案。代码很简单,希望可以帮助你学习。


声明: 本文由入驻OFweek维科号的作者撰写,观点仅代表作者本人,不代表OFweek立场。如有侵权或其他问题,请联系举报。
侵权投诉

下载OFweek,一手掌握高科技全行业资讯

还不是OFweek会员,马上注册
打开app,查看更多精彩资讯 >
  • 长按识别二维码
  • 进入OFweek阅读全文
长按图片进行保存