今日学习内容

• css的统筹

1. 合理划分我们的代码和文件

将网页中相同的文件或代码单独提取，各个页面去调用

1. 网页的优化

A:头部优化

<meta name="keywords" content="" />向搜索引擎说明你的网页的关键词；

<meta name="description" content=""/>告诉搜索引擎你的站点的主要内容；

1. 主题内容的优化

1. 合理的超链接  适当使用title属性（不要使用flash和图片热区）
2. 图片的优化 alt和title属性（图片插入）
3. 图片整合（背景图片）
4. 制作网页地图
5. Pr值（友情链接）
6. 动态与静态页面（静态较好）
7. 避免大体积页面

合理的代码结构，结构清晰，减少冗余代码

• Css的一些命名规则

1）建议使用小写字母

2）以英文字母开头，后面可以连接数字、字母、下划线、连字符和特殊字符，建议尽量使用英文字母，适当使用下划线和连接线；

3）词必达意，名称要反映用途和相关信息，同时也要简短。

• 表单的补充内容

表单框架集fieldset 可以在页面上生成一个框，fieldset可以去嵌套，可以做fieldset里设置禁用（此禁用可以实现这个区域都禁用）

表单框架集标题legend  （放在fieldset里的第一个位置）

Input的type类型：text  password  radio  checkbox  button  submit  reset  file  image  hidden

Label的两种使用方式：

<label>用户名<input type="text"></label>

<label for="use">用户名</label><input type="text" id="use" />

<input type="file" multiple="multiple">  上传文件域

<input type="image" src="pic.png" width="100">  图像域

<input type="hidden" value="隐藏按钮">  隐藏按钮

Multiple  实现上传多个

去掉点击文本框时的默认黑色框 outline:none;

• 表格的补充内容

表格按照数据行分组：表头thead  表体tbody  表尾tfoot

注意点：三个组成部分要用都同时使用，要不用就都不用

 三个的顺序 thead  tfoot  tbody

Thead与tfoot在表格中只能有一个，tbody可以有多个

必须在table标签内部使用

   表格的列分割线 rules=“groups” 跟col或者colgroup连用

可以合并相邻的几列  span=“列数” span默认值1

Col与colgroup的区别就是：是否会出现列分割线

 去掉单元格与单元格的间距 html的方式 cellspacing=“0”  css的方式border-spacing：0  两种方式都必须添加给table

合并相邻单元格的边框 border-collapse:collapse;   必须添加给table

单元格无内容时隐藏 empty-cells：hide  写给table或td都行

提高表格的运算效率 table-layout：fixed  只能控制宽度

更改表格标题的位置 caption-side:left/right/top/bottom(left，right只有火狐浏览器支持)