CSS中的单位一览 包括宽度尺寸单位 颜色单位 角度单位
div+css常用单位
相对长度单位 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 : 红色值。十六进制正整数
GG : 绿色值。十六进制正整数
BB : 蓝色值。十六进制正整数
说明:
颜色单位。
以上三个参数,取值范围为:00 - FF。
参数必须是两位数。对于只有一位的,应在前面补零。
如果每个参数各自在两位上的数字都相同,那么本单位也可缩写为 #RGB 的方式。例如:#FF8800 可以缩写为 #F80。
请参阅 附录:颜色表 。
示例:
div { color: #FF0000; }
div { color: #F00; }
rgb(R,G,B)
参数:
R : 红色值。正整数 | 百分数
G : 绿色值。正整数 | 百分数
B : 蓝色值。正整数 | 百分数
说明:
颜色单位。
以上三个参数,正整数值的取值范围为:0 - 255。百分数值的取值范围为:0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。
并非所有浏览器都支持使用百分数值。
请参阅 附录:颜色表 。
示例:
div { color: rgb(132,20,180); }
div { color: rgb(12%,200,50%); }
Color Name
说明:
颜色单位。颜色名称。不同的浏览器会有不同的预定义颜色名称。请查看 附录:颜色表 。
示例:
div {color: red; }
--------------------------------------------------------------------------------
时间单位 Time Units Reference
s
说明:
时间单位。秒。时间的国际主单位。
1s = 1000 ms
示例:
div { pause-after: 2s; }
div { pause-before: 2s; }
ms
说明:
时间单位。微秒。
1s = 1000 ms
示例:
div { pause-after: 2s; }
div { pause-before: 2s; }
角度单位 Angle Units Reference
deg
说明:
角度单位。度。一个圆圈的360等分之一。
示例:
body { azimuth: 75deg }
body { elevation: 75deg }
grad
说明:
角度单位。梯度。一个直角的100等分之一。一个圆圈相当于400grad。
示例:
body { azimuth: 75grad }
body { elevation: 75grad }
rad
说明:
角度单位。弧度。把一个圆圈分成2*PI单位。
示例:
body { azimuth: 3rad }
body { elevation: 5rad }
频率单位 Frequency Units Reference
kHz
说明:
频率单位。千赫。声波的基本单位。
1kHz = 1000 Hz
示例:
strong { pitch: 8kHz }
Hz
说明:
频率单位。赫兹。声波的基本单位。
1kHz = 1000 Hz
示例:
strong { pitch: 75hz }
- 相关阅读
- 几个经典的css技巧
- chrome谷歌浏览器中的谷歌翻译有问题一键修复处理
- 利用CSS让网页里的提交按钮变得更漂亮
- 删除程序页面代码中的注释标签
- div中设置文字垂直居中
- ASP 格式化显示时间为几个月,几天前,几小时前,几分钟前,或几秒前
- 网站页面设计中的Css十大注意
- 一个可以说是超级变态,超级强的DIV+CSS应用
- 共有0条关于《CSS中的单位一览 包括宽度尺寸单位 颜色单位 角度单位》的评论
- 发表评论
您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。
- 更多>>同类信息
- jquery设置或获取修改classname
- 利用css3.0写出一个音乐播放的唱片碟盘的效果
- 利用css中的scale()实现放大缩小效果
- 利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明
- css背景使用base64编码或者将base64编码放在img图片标签中
- 利用css3中的-webkit-font-smoothing把网页文字的毛边去掉
- 更多>>最新添加文章
- dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
- Android移动端自动化测试:使用UIAutomatorViewer与Selenium定位元素
- 抖音直播音挂载小雪花 懂车帝小程序
- javascript获取浏览器指纹可以用来做投票
- 火狐Mozilla Firefox出现:无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
- 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
- python通过代码修改pip下载源让下载库飞起
- python里面requests.post返回的res.text还有其它的吗