使用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
相关文档：
在使用“float”时，因为“float”是javascript的一个保留字，所以就不能使用style.float，而改成了style.cssFloat(IE使用的是style.styleFloat)；
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
this.listDiv01.style.styleFloat = "left";
this.listDiv02.style.styleFl ......
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 ver ......
定位一直是WEB标准应用中的难点，如果理不清楚定位那么可能应实现的效果实现不了，实现了的效果可能会走样。如果理清了定位的原理，那定位会让网页实现的更加完美。
定位的定义：
在CSS中关于定位的内容是：position:relative | absolute | static | fixed
static 没有特别的设定，遵循基本的定位规定，不能通过z-index� ......
1、三种不同的样式表
样式表根据其书写位置不同，共分为三种：
内联样式表（inline）：该样式表写在标签的style属性里，负责设置当前标签的样式；
内部样式表（inner）：该样式表一般写在head标签的style标签里，通过选择器来指定某个样式所影响的标签；
外部样式表（external）：该样式表一般写在独立的*.css文件里，� ......
About Box Model:
一个块级元素由content, padding, background, border, margin五个部分组成. 立体图1如下:
平面图如下:
根据以上两图, 相信大家对于Box model会有个直观的认识.
以下说明margin和padding属性:
1. Margin: 包括margin-top, margin-right, ma ......
