收藏本站
设为首页
联系我们

首页 | 校内网CSS代码 | 男生校内网代码 | 女生校内网代码 | 校内网班群美化 | 校内网音乐代码 | 校内网挂件代码 | 校内网视频代码 | 校内网人气 | 校内网教程 | 校内网疑难问题 | 校内猫游记 | 校内网日志 | 校内网工具

当前位置:
首页 >> 校内网教程 >> 正文

详解css里所用到的单位

来源:不详 点击数: 录入时间:07-11-19 17:24:11

1. 长度单位

一个长度的值由可选的正号" + "或负号" - "、接着的一个数字、还有标明单位的两个字母组成。在一个长度的值之中是没有空格的,例如,1.3 em就不是一个有效的长度的值,但1.3em就是有效的。一个为零的长度不需要两个字母的单位声明。无论是相对值还是绝对值长度,CSS1都支持。相对值单位确定一个相对于另一长度属性的长度,因为它能更好地适应不同的媒体,所以是首选的。以下是有效的相对单位:
em (em,元素的字体的高度)
ex (x-height,字母 "x" 的高度)
px (像素,相对于屏幕的分辨率)

绝对长度单位视输出介质而定,所以逊色于相对单位。以下是有效的绝对单位:
in (英寸,1英寸=2.54厘米)
cm (厘米,1厘米=10毫米)
mm (毫米)
pt (点,1点=1/72英寸)
pc (帕,1帕=12点)
字号的取值范围:
·pt 像点Point为单位:点单位在所有的浏览器和操作平台上都适用
·em 字符为单位:指字母要素的尺寸,和Point相同距离
·px 像素Pixes为单位:像素可以使用于所有的操作平台,但可能会因为浏览者的屏幕分辨率不同而造成显示上的效果差异
·in 英寸
·cm 厘米
·mm 毫米
·pc 打印机的字体大小
·ex (x-height)为单位
·smaller 比当前文字的默认大小更小一号
·larger 比当前文字的默认大小更小大号
相对关系:1in = 6pc = 72pt = 2.54cm = 25.4mm
2. 百分比单位

一个百分比值由可选的正号"+"或负号"-"、接着的一个数字,还有百分号"%"。在一个百分比值之中是没有空格的。百分比值是相对于其它数值,同样地用于定义每个属性。最经常使用的百分比值是相对于元素的字体大小。
3. 颜色单位

Windows VGA(视频图像阵列)形成了16各关键字: aqua,black, blue,fuchsia,gray,green, lime,maroon,navy,olive, purple,red,silver,teal,white,and yellow。
RGB颜色可以有四种形式:
#rrggbb (如,#00cc00)
#rgb (如,#0c0)
rgb(x,x,x) x是一个介乎0到255之间的整数 (如,rgb(0,204,0))
rgb(y%,y%,y%) y是一个介乎0.0到100.0之间的整数 (如,rgb(0%,80%,0%))
上述的例子指定同一颜色。16位颜色表 256位颜色表
4. 统一资源管理URL

一个URL值的格式为 : url(foo),foo是一个URL(统一资源管理,因特网的地址)。URL可以选择用单引号( ' )或者双引号( " ),并且,在URL之前或之后可以包含空格。在URL中的括弧,逗号,空格,单引号,或双引号必须避开反斜杠。不完整的URLs被理解为样式表的源代码,而不是HTML源代码。
注意: Netscape Navigator 4.x 会错误地将不完整的URLs理解为相关的HTML源代码。注意到这个错误后,网页制作者应该在可能的地方使用完整的URLs。
例如:
BODY { background: url(stripe.gif) }
BODY { background: url(http://www.htmlhelp.com/stripe.gif) }
BODY { background: url( stripe.gif ) }
BODY { background: url("stripe.gif") }
BODY { background: url("Ulalume".png) } /* quotes in URL escaped */
下面介绍几种常见的事件,还用更多事件,请查阅相关资料:
onClick:鼠标单击事件(是指鼠标按下,然后松开时产生)
onDblClick:鼠标双击事件(是指鼠标快速按下,松开,并再次按下时产生)
onMouseDown:鼠标按下事件(鼠标按下时即产生)
onMouseUp:鼠标释放事件(是指鼠标从按下的状态到弹起)
onMouseMove:鼠标移动事件(是指在特定元素上移动鼠标)
onMouseOver:鼠标经过事件(当指针从外界往元素上移动时产生)
onMouseOut:鼠标离开事件(是指鼠标从特定元素上离开时产生)
onLoad:载入事件(当图象或页面结束载入时产生)
onUnload:卸载事件(当访问者离开页面时产生)
onScroll:滚动条滚动事件(当访问者使用卷轴上移或下移时产生)

 

·上一篇文章:
·下一篇文章:
发送好友: | 加入收藏: 责任编辑:suyuntian 文章作者:佚名
发表评论
版权声明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有
本站部分文字、图片资料来自网络,版权归原作者所有.如果侵害了您的权益,请您来信告知,我们将在审核后24小时内删除该资料!xiaoneipk@163.com
转载
要求转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。
>> 欢迎光临
最新代码
·云彩[图] 06-30
校内CSS代码
推荐代码
·云彩 06-30
·夜来花香 06-22
·黑白蝴蝶 06-13
·憨憨棕熊 06-09
校内网CSS代码
热门代码
                                 | 关于我们 | 广告服务 | 设为主页 | 收藏本站 | 版权申明 | 友情链接 |

Copyright © 2007-2008 www.xiaoneipk.com Inc. All rights reserved. 校内PK 版权所有

本站部分文字、图片资料来自网络,版权归原作者所有.如果侵害了您的权益,请您来信告知,我们将在审核后24小时内删除该资料!

陕ICP备07500646号 电子邮箱: xiaoneipk@163.com