使用CSS格式化Table样式
在网页里使用table的时候，样式一般比较难管理，因为table的有些样式与其它控件不太一样
1、table的分外边框，tr边框，td边框，它们之间都是有间距的
2、你可以指定它们之间的间距为0，但当你设置边框时，会发现边框是2px宽的，因为在table里，tr、td等元素是相邻的
所以想做一个好看的table样式可以参考以下的步骤：
1、table设置
border-collapse:collapse; /*设置间距为0*/
border: 1px solid #808080; /*设置table的最外层边框*/
2、tr设置
/*设置tr的上边与下边样式*/
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #808080;
border-bottom-color: #808080;
3、th,td设置
/*设置th,td的左边与右边样式*/
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #808080;
border-left-color: #808080;
4、.NoBorder类设置
/*设置不显示边框的样式*/
.NoBorder {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
通过前3项就可以显示一个全边框的table，
如果你想去掉某行或某列的边框，将tr或td的class设置成.NoBorder就可以了
如果你想去掉table最外面的边框，将table的class设置成.NoBorder就可以了
非常方便，当然我这个方法不能解决所有设计需求，但它是目前比较规整、方便的方法，代码量也比较小，逻辑也简单
大家可以在这个基础上进一步扩展做出更多样的table
相关文档：
/* 禁止换行 */
.nowrap{word-break:keep-all;white-space:nowrap;}
/* 强制换行 */
.break{word-break:break-all;}
css强制不换行
div{white-space:nowrap;}
css自动换行
div{ word-wrap: break-word; word-break: normal; }
css强制英文单词断行
div{word-break:break-all;}
大家都知道连续的英文或数字会把DIV ......
人一旦习惯了某些东西就很难去改，以及各种各样的原因，新的浏览器越来越多，而老的总淘汰不了。增长总是快于消亡导致了浏览器兼容是成了谈不完的话题。说到浏览器兼容，CSS HACK自然而然地被我们想起。今天，我们通常都有一个团队或者将有一个团队的人在一个公司里面做相同的事，需要我们有统一的规范来进行Coding，以方 ......
1 针对firefox ie6 ie7的css样式
现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，
但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针
对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。
现在写一个CSS可以这样：
#1 { color: #33 ......
定位一直是WEB标准应用中的难点，如果理不清楚定位那么可能应实现的效果实现不了，实现了的效果可能会走样。如果理清了定位的原理，那定位会让网页实现的更加完美。
定位的定义：
在CSS中关于定位的内容是：position:relative | absolute | static | fixed
static 没有特别的设定，遵循基本的定位规定，不能通过z-index� ......
