一、表单相关css属性
1.设置单元格间距
语法： border-spacing: 数值+单位；
2.合并相邻单元格边框
语法： border-collapse:collapse;
3.无内容单元格隐藏
语法： empty-cells:show(显示)/hide(隐藏)
4.表格标题位置
语法： caption-side: left/right/top/bottom;
5.表格布局算法
语法： table-layout: auto/fixed (单元格宽度固定，不随内容发生改变)
表格重要html属性
- align = "left/center/right"设置单元格内容水平对齐方式；
- valign = "top/middle/bottom"设置单元格内容垂直对齐方式；
- rowspan="数值" 合并行；
- colspan="数值" 合并列；
- rules="rows/cols/all/groups/none";表格分隔线；
row：行分割线；
cols：列分割线；
all：位于行和列之间的分割线；
groups： 行组和列组分隔线；
注：表格行分组<thead></thead> <tbody></tbody> <tfoot></tfoot>;
表格列分组<colgroup span="数值"></colgroup>;
注：span 用来设置几列为一组，默认一列为一组；
none 不设置分割线；
二、表单补充
表单的组成： 表单域，表单控件，提示信息，
表单域：<form action="" method="get/post"></form>;
表单控件： 文本框，密码框。。。；
提示信息：放置在表单元素前后的文本内容；
1. label
作用： 在单选或复选按钮上实现点击文字选中按钮的效果；
语法： <input type="radio" name="a" id="body">
<lable for="body">男</label>注意：lable是不能设置宽高的内联元素；
2. 表单字段集及表单字段集标题；
作用：将表单元素进行分组并区别标出文本；
语法：<fieldset> <legend>注册</legend></fieldset>
3.上传文件
语法：<input type="file"/>
4.隐藏字段
语法：<input type="hidden">
5.图像域
语法：<input type="image" src="1.jpg">
作用：在提交按钮的位置使用图像，使得这个图具备提交功能，火狐不支持；
三、BFC的概念及作用
1. 概念
BFC -block formatting context(块级格式化上下文)
2. 如何触发BFC
- 设置float值不为none(left或right)
- 设置overflow的值不为visible(hidden 或 auto 或 scroll)
- 设置display的属性值为table-cell,table-caption,inline-block,flex之一；
- 设置position的值为absolute或者fixed;
3. BFC特性
- 浮动的子元素会被父级计算高度(父级触发BFC)；
- 非浮动元素和浮动元素不会互相重叠(非浮动元素触发BFC)；
- margin值不会传递给父级(父级overflow:hadden触发BFC)；
- margin值不会发生重叠(给其中一个元素嵌套一个父级，并触发BFC)；
4. BFC作用
- 解决margin叠加问题；
- 用于清除浮动，解决高度塌陷问题；
- 用于布局；
与浮动元素相邻的已发生BFC的元素不能与浮动元素互相覆盖，利用该特性可以作为多布局的一种实现方式；
四、SEO
1. 概念
seo-搜索引擎优化
- 百度扩广
- 网站流量分析
- 网站品牌建设
a. 站内优化
页面主题优化，给网站添加一个合理的网站标题；
b. 页面头部优化
给网站添加关键词和描述
<meta name="keyword" content="....">关键词
<meta name="deacription" content="...">描述
c. 超链接优化
尽量避免将连接放在flash中，搜索引擎无法识别flash上的文字内容；
添加title属性，增加搜索的机会；
d. 图片优化
给img添加alt属性，有利于搜索引擎的优化
e.添加网站地图或网站导航
f. 添加友情连接
g. 避免"大体积"页面，代码结构合理，格式清晰；
五、 css reset(样式重置)
css reset的作用是让各个浏览器的css样式有一个统一的基准；
接下来进入H5新增内容
