visibility display 区别

大家知道在CSS中的隐藏内容有两种方法,一种是visibility:hidden,还有一种是display:none。查CSS手册发现这两个隐藏内容原来是有区别的,一种是保留对象的物理空间,一种是不保留。
——————————-
display:none
CSS1 隐藏对象。与 visibility 属性的hidden值不同,其不为被隐藏的对象保留其物理空间

visibility:hidden
对象隐藏,与 display 属性不同,此属性为隐藏的对象保留其占据的物理空间。
继续阅读

十条CSS常用技巧

英文原名 (Ten CSS tricks you may not know)
1.css字体简写规则
当使用css定义字体时你可能会这样做:
font-size:1em;
line-height:1.5em;
font-weight:bold;
font-style:italic;
font-variant:small-caps;
font-family:verdana,serif;
事实上你可以简写这些属性:
font: 1em/1.5em bold italic small-caps verdana,serif
现在好多了吧,不过有一点要注意:使用这一简写方式你至少要指定font-size和font-family属性,其他的属性(如font-weight, font-style,font-varient)如未指定将自动使用默认值。
继续阅读

可以拖动的弹出层源代码 兼容各个浏览器

随着Web2.0的出现,现在很多网站都想富客户端发展,这样就少不了弹出层这样的功能和效果,下面这段代码是我从网上找到的,可以兼容IE,Firefox以及Safari。里面有部分代码我已经注释了,感觉还不错,大家如果有什么不明白的可以给我留言:-)
继续阅读