讲课009

切换显示图层，有点懵，点过去怎末让另一边显示

点的东西和要显示的东西不能再同一层级，通常带hover的是li，出现变化的是li里面的东西

在外部链接一个通用取消样式，非常有必要【省事】

表格（双标签）

搞后端系统，显示数据用                        数值属性默认px

表格的border不用加px,只用数值就可以了。

（1）在table里面写，搞所有

width:表格宽度属性（可加百分比） 高度（不可加百分比）

位置align=【左，中，有】           边框颜色：  bordercolor="【颜色】"

单元格间距：cellspaceing="【数值】"

背景颜色：bgcolor="【颜色】"

内容与表格之间间隔：cellpadding="【数值】"

rules="cols"显示纵线，rules="rows"显示横线。

只显示表格上，下，左，右线：frame="【上，下，左，右】"    上above，下below，左lhs，右rhs

还不能写两个，左右都写报错了（不对劲）

表格th和td区别：td的表头会加粗居中

（2）在tr里面写，只搞它那一行

align="【左，中，有】" ：搞一行中的文本水平左，中，右。

 valign="【上，中，下】":搞一行文本垂直上，中，下。

(3）在td里面写，只搞它那一列【好惨】

+宽搞一列，+高搞一行，+背景颜色搞一格，+对齐方式搞一格

合并单元格

colspan="【数值】"   合并列              rowspan="5"合并行                {合完多出来直接删}

常用：用css搞表格样式                        要加px

单元格间距：cellspaceing="【数值】"；

+边框：搞外边大框

表格成细线边框：cellspaceing="0"；        或者border-collapse: collapse;                【好看】

table 中表格文本溢出：

（1）table-layout: auto;        自动进行算法，将宽撑开

（2）table-layout: fixed;        固定宽高，

隐藏空表格

td里面加:     empty-cells: hide;    【有内边框也不显示】       【内外的边框都有线，看着正常】

                     empty-cells: show;                【没东西也显框】

table里面加

边框线也有点不对劲，脑子有点混

表格单元格间距有默认格式，想搞它，前面把它原有样式清除了

表框设置的细线有什么用处呢？

表格成细线边框：把两个框的间距搞没了，【1.1成1，2.1成外边看着粗，里面细】

表单层级：显现出来的层级，不是所有，还有别的没显示出来         【不用>，用空格】

表格里面只加横线怎么搞？【懵逼中】

border-spacing: 20px;                        搞两个表格之间的间距在【table】里面加

表格的标题标签：<caption>【名字】</caption>

按顺序把表格的几列，分为一组：<colgroup span="【几列】" class="lie2"></colgroup>        [好玩]

表单（收集资料搞到后端）

双标签的按钮具有提交功能 ：<buttton> </button>

图片按钮也可以提交：<input type="image" src="【路径】" />

+图片跳不跳另外一个界面，讲的加个图标跳了，我插图片它不跳，                【懵逼】

上传文件：            <input type="file" name="" id="" value="" />

单选框（radio）                        【默认都可以选择，用name命名名字搞只选一个】

列子：        <input type="radio" name="sex" id="" value="" />男
                   <input type="radio" name="sex" id="" value="" />女

多个设置，可以通过name来选择分组。

复选框（checkbox）       【多选】

列子：                <input type="checkbox" name="" id="" value="" />吃饭
                           <input type="checkbox" name="" id="" value="" />睡觉

默认已选择（checked）                【充值，有趋向性的调查意见更好玩】

<input type="checkbox" checked="checked" name="" id="" value="" />补眠

添加个隐藏域【传后端，后端验证或者携带数据】     <input type="hidden" name="" id="" value="" />