表格和css

表格由 table标签来定义。每个表格均有若干行（由tr标签定义），每行被分割为若干单元格（由td标签定义）。 类比：excel表格&网页中的表格

之前，web开发人员过去也常常使用表格来完成整个网页布局，结构嵌套复杂修改维护困难，现在已经被DIV+CSS布局所取代。

现在，用于显示、展示数据。(能够简捷迅速地查找或呈现不同类型的数据及它们之间的关系)

注意：现在HTML表格应该用于展现表格数据，而不是用来实现网页布局！

• table

  • 语法: <table></table>

  • 作用:定义表格

• tr

  • 语法: <tr></tr>

  • 作用:定义表格中的行

• td

  • 语法: <td></td>

  • 作用：定义表格数据（table data） 单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

  • 默认样式:内容水平居左，垂直居中

• th

  • 语法:<th></th>

  • 作用:表示表头单元格，通常在行或列的开始处，定义行或列包含的数据类型

  • 默认样式：字体加粗，内容水平居中，垂直居中

  • css

  • Cascading Style Sheets，通常称为CSS样式表或层叠样式表（级联样式表）

  • 作用：

    为HTML标记语言提供了一种样式描述，即【设置HTML页面中的元素的位置、排版、样式外观等】 如文本内容（字体、大小、对齐方式等）、图片的外形（宽、高、边框等）。

  • CSS 规则由两个主要的部分构成：选择器、一条或多条声明。

    选择器:通常是需要改变样式的 HTML 标签。

    声明组：以大括号{}括起来。

    每条声明由一个属性和一个值组成，属性与属性值之间以【冒号】分隔，用【分号】将每个声明分开。

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