加入收藏 | 设为首页 | 会员中心 | 我要投稿 聊城站长网 (https://www.0635zz.com/)- 智能语音交互、行业智能、AI应用、云计算、5G!
当前位置: 首页 > 教程 > 正文

网页元素单位全知晓

发布时间:2023-05-04 13:26:13 所属栏目:教程 来源:
导读:相对长度单位 relative length units

em

说明:相对长度单位。相对于当前对象内文本的字体尺寸。

如当前行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。

示例:

div { font-s
相对长度单位  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
 

 
 

(编辑:聊城站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!