table表格

table标签:表格 双标签 表格级(display:table)

table有border width height 属性

border-collapse:separate 默认值 | collapse(常用);边界合并

border-spacing:单元格边界之间的距离

tbody:(display:table-row-group) 有默认vertical-align:middle;

tr:定义行数(display:table-row) 有默认vertical-align:inherit;

th:行头 有默认 font-weight:bold;和 text-align:-internal-center;

td:单元格 (display:table-cell) 有默认vertical-align:inherit;

table表格的运用:如何让一个图片上下左右居中

table表格_第1张图片
方法一
table表格_第2张图片
方法二

table布局和div+CSS布局的理解:

       由于html文件中的table标签的浏览速度较慢,所以,使用嵌套表格的方法来布局网页框架会使网页浏览的速度变慢。因为table是中的内容是自适应的,为了自适应,它要计算嵌套最深的节点以满足自适应,所以有可能会有一断时间出现空白才显示。所以是会有问题的。

      使用DIV的方法布局网页框架的优点:div+css布局是通过模块的布局理念可以通过css样式给框架进行功能强大的属性设置以及给网页的局部进行任意的定位,制作出来的页面浏览速度较快,同时页面的风格可以通过修改单独的css文件进行随意的修改和更新;缺点:每个div容器都需要定义css样式来控制,制作过程相比table方式要复杂。现在的网页越来越倾向于使用DIV的方法来布局网页了。

你可能感兴趣的:(table表格)