学习笔记03

2017年9月19日

学习笔记与总结

1.<table>标签的属性

（1）border：用来给表格添加边框，当边框宽度大于1的时候

内部边框不变，只有外部边框改变

（2）cellspacing：设置单元格与单元格之间的距离

（3）cellpadding：设置单元格内的内容和单元格边框的距离

（4）width：用来给表格设置宽度，多余的宽度会根据单元格内容的多少，按比例分配

（5）height：设置表格的高度

（6）align：用来设置单元格在页面中的对齐方式

（7）bgcolor：用来设置单元格中的背景颜色

（8）background：用来设置背景图片（推荐使用css来处理）

（9）bordercolor：用来设置表格的边框颜色

（10）caption标签：标题标签

2.<tr><td>标签的属性

（1）width：

（2）height：

（3）bgcolor：<tr bgcolor="#e9967a">

（4）align & valign：

table内的algin 属性：只会控制表格的对齐方式

tr和td内的algin属性：只会控制tr或者td内的文本的对齐方式

（5）设置单元行或者单元格内的文本颜色：

<tr style="color: white">

（6）colspan属性：

表格跨列。colspan表示夸了多少列

<td colspan="2"> </td>

（7）rowspan属性：

表格跨行。

<td rowspan="2">李四</td>

3.其他

（1）

在head设置外部样式

id .

class #

style

<style>

#bg1{ }

.bg{ }

table{ }

</style>

在调用样式时

<td class="bg"></td>

<td id="bg1"></td>

设置的样式 # 用 class 调用；设置的样式 . 用 id 调用（每个 id 后的名字 单独且唯一）

设置的标签则在调用时直接拥有样式，属性和样式，越靠近标签 越覆盖于表面

（2）

一些语义化标签

使用thead tbody tfoot完成数据的加载优先级

<tbody>

<tr>

<td>1707</td>

</tr>

colgroup

单独设置一行

<colgroup style="background-color: brown"></colgroup>

快捷键

alt+上下方向键：选中某一组完成快速挪动位置