1.数据列分组：
1.1
<colgroup span="2"></colgroup>
注意：span属性显示指定相邻几列组成一组，span属性值默认为1，默认时仅定义一列为一组。
1.2添加组分割线：rules="groups"
注意必须在table中进行设置
1.3表格数据列分组总结：
<table rules="groups">
<!--
<colgroup span="1">
<col width="20%"/>
<col width="20%"/>
<col/>
</colgroup>
-->
<colgroup span="2">
<col width="30%" />
<col width=""/>
</colgroup>
<colgroup span="1">
<col width="10%"/>
</colgroup>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
2.表单高级：
<form action="index.html" method="get/post">
<input type="text/password/button/submit/reset/image/radio/checkbox/file" value="zhangsan" placeholder="admin"/>
</form>
注意：1.post比get更安全
2.重置不等价与清空，重置表示表单元素恢复到初始状态
3.当去掉表单form标记时，重置按钮不起效果
2.1表单元素的分组标签fieldset
<fieldset>
<legend>个人信息</legend>
</fieldset>
2.2 label标签
作用：1.描述、修饰
2.与表单元素进行关联(捆绑)
<lable for="表单元素id的值">姓名:</lable>
<input id="uname"/>
注意：只读(readonly)与禁用(disabled)的区别：
表单元素中设置为只读时，表示只能读不能更改，字体颜色默认为黑色
表单元素中设置为禁用，表单元素默认为灰色
3.表格高级
table tr td(th)
border width height bgcolor color align text-align
rowspan colspan
3.1边框的间距：
border-spacing:0/10px;
注意：border-collapse属性默认为分开的
3.2合并相邻单元格的边框:
border-collapse:collapse(合并的)/separate(分开的)
3.3在css中给table中每个单元格添加边框:
table{ width:300px; height:200px; border-collapse:collapse;}
table td{ border:1px solid #000;}
3.4无内容的单元格
empty-cells:hide/show;
注意： 1.默认时无内容的单元格为显示
2.表格必须设置为分开的，否则不起效果
3.5表格标题的位置：
caption-side:top/bottom/left/right;
注意：left,right位置只有火狐识别，top,bottom IE7以上版本支持，ie7以下版本不支持其它属性值，只识别top
3.6数据行分组：
<thead></thead>
<tbody></tbody>
<tfoot></tfoot>
2.定位：
2.1定位的分类：默认的static、相对定位relative、绝对定位absolute、固定定位fixed
2.2相对定位：在原有位置上进行定位(其实设置的top/bottom/left/right)，并且原位置保留
position:relative; right:30px; top:100px;
2.3绝对定位：原位置不保留
针对最近的并设置定位的父元素，进行设置绝对定位
如果父元素没有设置定位，则按照body进行定位
position:absolute;
2.4 定位元素层叠属性：
z-index：2;
注意：1.默认时，按照编写元素的顺序进行层叠
2.此属性仅仅作用于 position 属性值为 relative 或 absolute 的对象。
3.值越大权重越高
2.5绝对定位和相对定位的异同点：
参照物：
相对定位：原位置本身
绝对定位：针对最近的并设置定位的父元素或如果父元素没有设置定位，则按照body进行定位
位置是否保留：
相对定位：原位置保留
绝对定位：位置不保留
2.6固定定位
position:fixed;
3.插入
3.1插入flash
插入菜单--->媒体--->swf
3.2插入音乐
插入菜单--->媒体--->插件
4.marquee标签
<marquee
behavior（行为）="scroll(滚动)/alternate（晃动）"direction（方向）="up(从下向上)/down（从上向下）/left（从右向左）/right（从左向右）"
scrollamount（滚动速度）="value"height="value(上下滚动范围)"width=""(左右滚动范围)>
内容
</marquee>
5.超链接:
<a href="index.html" target="_self/_blank">跳转</a>
<a href="www.baidu.com">跳转到百度</a>
锚链接:跳转到具体位置
目标地址：<a name="top"></a>
<a id="top"></a>
<其他标记 id="middle"></其他标记>
原地址：<a href="#top"></a>
<a href="index.html#top"></a>
练习：1.从底部跳转到顶部，使用三种方法完成
2.从一个页面底部跳转到另一个页面中间部分 使用三种方法
6.滚动条的特性
overflow:visible/hidden/auto/scroll;
overflow-x:visible/hidden/auto/scroll;
overflow-y:visible/hidden/auto/scroll;
6.2滚动条的颜色：
scrollbar-arrow-color: #f4ae21; /*图6,三角箭头的颜色*/
scrollbar-face-color: #333; /*图5,立体滚动条的颜色*/
scrollbar-3dlight-color: #666; /*图1,立体滚动条亮边的颜色*/
scrollbar-highlight-color: #666; /*图2,滚动条空白部分的颜色*/
scrollbar-shadow-color: #999; /*图3,立体滚动条阴影的颜色*/
scrollbar-darkshadow-color: #666; /*图4,立体滚动条强阴影的颜色*/
scrollbar-track-color: #666; /*图7,立体滚动条背景颜色*/
scrollbar-base-color:#f8f8f8; /*滚动条的基本颜色*/
