css 长度单位

2018年03月30日 09:44 | 2698次浏览 作者原创 版权保护

在 CSS ,长度单位可以分为两大类:绝对 (absolute) 单位以及相对 (relative) 单位。

相对单位包括:

  px: pixels

  em: em

  ex: x 字母的高度

绝对单位包括:

in: 吋

cm: 公分

mm: 公厘

pt: points, 1 pt = 1/72 吋

pc: picas, 1 pc = 12 pt

如果没有注明单位,那默认的单位是 px。

以下是每一种单位的例子:

css样式显现结果
p {font-size:9px;}文字大小為 9px。
p {font-size:3em;}文字大小为3em
p {font-size:3ex;}文字大小为3ex
p {font-size:0.2in;}文字大小为0.2 inch。
p {font-size:0.5cm;}文字大小为0.5 cm。
p {font-size:12mm;}文字大小为 12 mm。
p {font-size:24pt;}文字大小为 24 pt。
p {font-size:2pc;}文字大小为 2 pc。

在大部分的情况下,用相对长度单位会比较适合。这是因为,这样子您能让使用者依自己的喜好来加大或减小字体。如果您用绝对长度单位的话,使用者就无法改变字体的大小了。



小说《我是全球混乱的源头》
此文章本站原创,地址 https://www.vxzsk.com/731.html   转载请注明出处!谢谢!

感觉本站内容不错,读后有收获?小额赞助,鼓励网站分享出更好的教程