表格：表格作用，展示数据

表格：使用table标签定义表格，每个表格有若干行（由tr定行），每行被分为若干个单元格（td）定义。

表格作用，展示数据

td：单元格：包括各种标签，默认样式文字局左显示垂直居中

th表头单元格，

属性：border “”边框

属性：cellpadding=“”作用：定义单元格中的内容和边框。

属性：cellspacing=“0”作用定义单元格和单元格之间的间距。

border-collapse：collapse：合并相邻的单元格之间的边距。

属性align=“取值”作用：单元格水平对齐方式。

left居左对齐

center居中对齐

right距右对齐

属性valing=“取值”作用：单元格的垂直对齐方式

top顶对齐

center居中对齐

bottom底部对齐

定义表格页尾内容

总结：划分表格的语义，实现表格的分步加载，改变结构顺序，优先加载tbody。

每个表格只能定义一个标题。

合并单元格：跨列合并：colspan“”

跨行合并：rowspan“”

操作步骤：1确定单元是跨行还是跨列

2找到目标单元格，添加合并属性

3删除多余的单元格

表格总结：1未定宽度和高度的表格，单元格的内容自适应。

2同一行只识别一个高，取最大值

3同一列只识别一个宽，区最大值

4表格里面可以包含其他任何html标签以及表格。

什么是css？表现层，美化html，cascading，style，sheets

层叠样式 css样式 级联样式表

作用：设置网页中元素的位置，排版，样式外观等

行间样式：使用场景：单个html标签要设置特定的样式

优点：比较直观。

缺点：相同点样式需要重复定义造成代码沉余，作用范围小不利于后期维护，代码不能重复使用，结构样式不分离。

注意：任何HTML标签都可以设置行间样式。

内部样式语法 使用style标签包裹住样式

使用场景：单个html文档需要设置特定样式时

优点：相对于间样式，代码可以复用，作用范围大于行间样式的范围

缺：结构样式半分离

外部样式：把css代码单独分离出来，创建一个新的文件：新文件的后缀名：css

具体的css写在css文件中。

在head内部使用link标签引入刚才新建的css文件

使用场景：多个html文件具有相同样式时使用，

优点：1适用范围广，可以重复使用代码

2便于代码后期修改和维护

3结构样式彻底分离。

选择器的作用：用于选择器需要设置样式的HTML元素

基本选择器：通配符选择器，一般用于清除浏览器的默认样式

*{margin：0， padding：0；}

标签名选择器：语法标签名称，样式声明

作用：选择所有同一元素的（标签）所有元素

多类型：用空格隔开

表格主题内容，一个表格里面可以包括多个tbody表头内容表格标题，必须要紧跟着table标签