web前段第四天笔记

caption 作用：定义表格的标题，在表格中可以居中，注意：caption标签必须在table标签后才可以。

thead 作用：用于组合html表格的头部内容。

tbody 作用：用于组合html的主题内容。tbody在标签内可以包含多个。

tfoot 作用：用于组合html表格页脚内容。

总结：

1、每个表格内只可以存在一个caption标签

2、thead、tbody、tfoot通常配合使用，用于划分表格语义，实现长表格分布加载

3、thead、tfoot在表格中只能存在一组，tfoot在表格内可以有多组

表格的特性：

1、如果表格没有设置宽，单元格自动适应内容（宽度由内容撑开）

2、同一行的表格，高度只能识别一个，取高度最大值

3、同一列的表格、宽度只能之别一个，取宽度最大值

4、表格可以嵌套其他html标签，也可以嵌套表格和标签

什么是css选择器，css全称是：Cascading Style Sheets，通常称为css样式表或层叠样式表（级联样式表）。设置html页面中的元素位置，排版，样式，外观等。如文本内容（字体，大小，对齐方式等。图片的外形、宽高、边框等）

CSS 规则由两个主要的部分构成：选择器、一条或多条声明。选择器:通常是需要改变样式的 HTML 标签。 声明组：以大括号{}括起来。每条声明由一个属性和一个值组成，属性与属性值之间以【冒号】分隔，用【分号】将每个声明分开。

css引入方式，当读到一个样式表时，浏览器会根据它来格式化 HTML 文档，插入样式表的方法有三种:行间样式表，内部样式表，外部样式。

1、行间样式

通过html标签里的style设置样式，称为行间引入。

例如：<div style="width:100px;height:100px;background-color:red;">文本内容</div>

优缺点：比较直观；相同样式需要重复定义，造成代码冗余；作用范围小，不利于后期代码维护；代码不能复用，结构与样式变现不分离。

2、内部样式

在head里面加入style标签，称为内部样式

优缺点： 相对于行间样式，代码能够复用，作用范围大于行间样式的范围；结构与表现半分离

3、外部引入

外部样式是指将css添加一个后缀名为.css的单独文件中，用于link标签中的href里。在head标签里用link标签里href引入创建的.css文件、

优缺点：1.适用范围广，可以使用代码的复用；2.便于修改和维护代码；3.结构与表现彻底分离

css总结：

1、行间样式适用于某个元素拥有特殊样式时使用，结构 表现【不分离】

2、内部样式适用于单个页面拥有特殊样式时使用，结构表现【半分离】

3、外部样式适用于多个页面拥有相同样式时使用，结构表现【相分离】

什么是选择器

CSS选择器是CSS规则的第一部分，每个CSS规则都以一个选择器或一组选择器为开始。CSS 选择器即用于“查找”（或选取）要设置样式的 HTML 元素的模式。选择器可以分为基础选择器、复合选择器

通配符选择器：用*{}选择任意类型的html元素，页面所有标签被选择

清楚页面原有样式

*{padding=0；margin=0；}