首页 > 开发 > HTML > 正文

网页元素单位全了解

2020-09-18 22:21:17
字体:
来源:转载
供稿:网友

相对长度单位  relative length units

em
说明:相对长度单位。相对于当前对象内文本的字体尺寸。
如当前行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。
示例:
div { font-size : 1.2em; }

ex
说明:相对长度单位。相对于字符“x”的高度。此高度通常为字体尺寸的一半。
如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。
示例:
div { font-size : 1.2ex; }

px
说明:相对长度单位。像素(pixel)。
像素是相对于显示器屏幕分辨率而言的。譬如,wondows的用户所使用的分辨率一般是96像素/英寸。而mac的用户所使用的分辨率一般是72像素/英寸。
示例:
div { font-size : 12px; }

 


 

绝对长度单位  absolute length units

pt
说明:
绝对长度单位。点(point)。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
示例:
div { font-size : 9pt; }

pc
说明:
绝对长度单位。派卡(pica)。相当于我国新四号铅字的尺寸。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
示例:
div { font-size : 0.75pc; }

in
说明:
绝对长度单位。英寸(inch)。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
示例:
div { font-size : 0.13in; }

cm
说明:
绝对长度单位。厘米(centimeter)。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
示例:
div { font-size : 0.33cm; }

mm
说明:
绝对长度单位。毫米(millimeter)。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
示例:
div { font-size : 3.3mm; }

 



颜色单位  color units reference

 

#rrggbb
参数:
rr  :

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表