用css控制cellspacing、cellpadding
在table中控制单元格之间的间距要用到cellspacing、cellpadding,默认情况cellspacing、cellpadding均不为0,但经常的状况为了不让table单元格之间的间距影响到美观,我们经常会把cellspacing、cellpadding设置为0,因此经常看到“<table cellspacing=0 cellpadding=0>”这样的代码。这样做无形中增加了代码的体积,而且也极其不符合样式与内容分离的web标准,对于我本人来说也是极其厌恶这样的形式的,因此使用css控制cellspacing/cellpadding显的意义重大了!以下是控制方法:
table{border:0;margin:0;border-collapse:collapse;}
table td{padding:0;}
第一行控制cellspacing,关键是“border-collapse:collapse;”这一句;第二行控制cellpadding,很少人知道控制td吧?:
CSS属性 border-collapse 边框合并属性。
说明:
该CSS属性用来设定表格的行和列的边框是合并成单边框,还是分别有各自的边框。
值:collapse | separate | inherit
可用值
值的说明
separate
缺省值。边框分开,不合并。
collapse
边框合并。即如果相邻,则共用同一个边框。
相关文档:
jQuery插件: jquery.widget.shadowbox.js
/**
* 一个简单的设置DIV阴影的插件
*
* 功能:
* 1. 根据阴影宽度自动调整外层容器宽度,以及透明度
* 2. 可定义ShadowBox的宽度和高度
* 3. 可用CSS样式表定义可视化样式
*
* @author joe.he <developerworks@163.com>
* @copyright irgs.cn
*/
(fun ......
JavaScript作用小结:
1 创建脚本块
1: <script language=”JavaScript”>
2: JavaScript code goes here
3: </script>
2 隐藏脚本代码
1: <script language=”JavaScript”>
2: <!--
3: document.write(“ ......
由于浏览器版本的不同,对CSS里某些元素的解释也不一样,才子当然也碰到同样的问题,也收集了一些解决方法,才子之前贴过两个针对浏览器版本不同而选择不同CSS的代码,有兴趣的朋友自己找找吧。
其实我们还可以利用条件注释的方法来达到类似的目的,什么是条件注释,才子也在此简单介绍一下,无非就是一些if判断啦,呵呵, ......