HOME
BBS
深山帮帮欢迎您,您可以注册或者
qq登录只需一步,快速开始
深山旅行社网站管理系统开发完成,欢迎各位网友测试! 点这里测试
565449214 给站长留言
订阅本栏目 RSS您所在的位置: 深山工作室 > DIV+CSS学习 > 正文

CSS中的单位一览 包括宽度尺寸单位 颜色单位 角度单位

http://w3c.web600.net/ 2008-3-15 20:48:35 深山行者 字体:  浏览 9454 我要评论

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 } 

 

Ads loading...
相关阅读
( 2018-4-15 16:01:30 )利用CSS实现半透明效果兼容IE与火狐与chrome等浏览器
( 2018-4-13 15:17:02 )sql语句中怎么按照in语句里的id原有的顺序进行排序输出
( 2018-4-10 11:59:10 )通过设置iis的进程池让网站的并发数,性能提升几个档次
( 2018-4-10 11:26:02 )asp通过多次获得来取得用户的真实IP
( 2018-4-3 21:39:18 )通过XMLHTTP检查网站能否打开
( 2016-8-22 8:56:32 )ASP连接各种数据库的方法
( 2016-8-15 19:04:22 )asp获得系统Unix时间戳与将Unix时间戳转为正常日期
( 2016-8-2 21:57:20 )关于SQL2008 “不允许保存更改。您所做的更改要求删除并重新创建以下表。您对无法重新创建的标进行了更改或者启用了‘阻止保存要求重新创建表的更改’” 解决方案
共有0条关于《CSS中的单位一览 包括宽度尺寸单位 颜色单位 角度单位》的评论
发表评论
正在加载评论……
返回顶部发表评论
呢 称:
表 情:
内 容:
评论内容:不能超过 400 字,需审核,请自觉遵守互联网相关政策法规。
验证码: 验证码 
深山工作室网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

Ads loading...
更多信息>>栏目类别选择
rss学习
个人空间
网站设计
网站公告
下载
photoshop学习
ASP学习
DIV+CSS学习
SEO搜索引擎忧化
java学习
HTML学习
网站信息
网站类信息
更多>>同类信息
利用CSS实现半透明效果兼容IE与火狐与chrome等浏览器
在table中tr的display:block在firefox下显示布局错乱问题
在未知图片的宽度与高度时利用div+css将图片居中
用css做的英文首字母大写和英文全都大写通过各个浏览器
css优先级的例子
让DIV固定在浏览器窗口的底部(兼容IE6)
MarkMan 马克鳗,让设计更有爱 (超级给力的页面标注工具)
IE8 CSS HACK 兼容
Ads loading...
更多>>最新添加文章
asp中Request.ServerVariables能获取的信息整理总结
利用CSS实现半透明效果兼容IE与火狐与chrome等浏览器
sql语句中怎么按照in语句里的id原有的顺序进行排序输出
通过设置iis的进程池让网站的并发数,性能提升几个档次
asp通过多次获得来取得用户的真实IP
通过XMLHTTP检查网站能否打开
asp利用sina提供的ip库端口来获得当前IP所有的地区,所在国,所在省,所在市,在线解析json
利用aspJpeg组件生成多图片水印组合时给加上透明水印图片
  • 业务 QQ:565449214
  • 手机:139 6134 7334
更多>>随机抽取信息
把以前的做的个人网站程序提供下载,程序大了点,不过全
SEO工具让你网站忧化更加随心所欲
CSS教程:CSS伪类属性
超级实用且不花哨的js代码大全( 3 )
dreawmeaver中鲜为人知的小秘诀,让你制作网页更加随心所欲.
Html中的Frame详解
五个简单措施增强IIS安全性
纯div+css制作的弹出菜单-02
Ads loading...