CSS网页布局:tbody标签与thead和tfoot标签

2016-02-20 00:19 19 1 收藏

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的CSS网页布局:tbody标签与thead和tfoot标签教程,一起来看看吧!超容易上手~

【 tulaoshi.com - Web开发 】

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)CSS网页布局中,tbody标签与thead和tfoot标签如何使用呢?
  thead 标签用于HTML表格的表头
  表格的头部thead,可以使用单独的样式定义表头,并且在打印时可以在分页的上部打印表头.
  tfoot 标签表示HTML表脚
  表格的表脚tfoot,可以使用单独的样式定义表脚,并且在打印时可以在分页的下部打印表脚.
  tbody 标签表格主体(正文)。该标签用于组合 HTML 表格的主体内容。
  tbody 元素应该与 thead 和 tfoot 元素结合起来使用。
  thead 元素用于对 HTML 表格中的表头内容进行分组,而 tfoot 元素用于对 HTML 表格中的表注(页脚)内容进行分组。

  thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时,您也许希望拥有一个标题行,一些带有数据的行,以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。
  请注意,在默认情况下这些元素不会影响到表格的布局。不过,您可以使用 CSS 使这些元素改变表格的外观。

来源:http://www.tulaoshi.com/n/20160220/1631651.html

延伸阅读
标签: Web开发
CSS网页布局中不推荐使用的HTML标签,请尽量不要使用这些HTML标签。 Do not use these html elements in html pages. Presentational elements should not be used. Support for some elements has been (or will be) deprecated; they should not be used. Don't Use These Tags Presentational  b  ...
标签: Web开发
重读LukeW的《Web Form Design:Filling in the Blanks》感触很深,除佩服LukeW的钻研精神外,更多的是学习他对设计细节的执着和理解。我把对本书的理解,与工作生活中遇到的实际问题结合起来,作为今后设计工作的指导和规范。 有一些元素,看着很简单,设计起来却很头疼。往往这样的元素都具有一个共同的特点变化多,表单的设计就是如此。...
标签: Web开发
META标签,是HTML语言head区的一个辅助性标签。在几乎所有的page里,我们都可以看到类似下面这段html代码: ----------------------------------------------- head meta http-equiv="Content-Type" content="text/html; charset=gb2312" /head -----------------------------------------------    这就是meta标...
标签: Web开发
 amazon.com这种方式得导航引起了相当多人的效仿。那么,它是如何做到的呢?有过网页设计经验的人应该不难明白,如果不知道细节的话,通过察看源代码就能知道,它实际上是通过在表格中插入事先制作好的作为标签卡的图片来制作的,标签卡的效果通过颜色来控制,比如上图中的“YOUR STORE”这张图片和底下子栏目的颜色一致,背景都为深蓝...
标签: Web开发
原文:http://www.planabc.net/2008/07/24/legend_width/ 我们在做表单的时候经常会使用到这样的结构: fieldset     legend哪些浏览器legend标签设定的宽度有效/legend     input type="checkbox" value="ie6" name="width" id="ie6" checked="checked"...

经验教程

966

收藏

100
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部