码迷,mamicode.com
首页 > Web开发 > 详细

HTML与CSS入门——第七章 使用表格显示信息

时间:2015-11-18 16:11:59      阅读:120      评论:0      收藏:0      [点我收藏+]

标签:

知识点:

  1.创建简单表格的方法

  2.控制表格大小的方法

  3.对齐内容及在表格中跨越行和列的方法

7.1 创建简单的表格

  table标签,border控制边框

  tr标签,创建表格的行,包含td

  td标签,单元格cell,其中th标签是表头的标题部分,自带居中加粗。

7.2 控制表格大小

  width,height:可以用百分比来控制

7.3 表格中的对齐和跨越

  在表格中用text-align和vertical-align效果会出奇的好~

  colspan跨列控制合并单元格,rowspan是跨行。

  cellpadding控制单元格内部的间距;cellspacing控制单元格之间的间距。

7.4 使用表格的页面布局

  目前的一个基本标准建议:不要将表格用于页面布局。 /*W3C提倡将样式表作为设计页面的正确方式*/

  reason:

    1.将内容和表现混合。CSS引进的目标之一就是将表现层与内容层分离。

    2.毫无必要地造成重新设计的困难。修改时非常非常的麻烦!!你不禁会……Oh,my god

    3.可访问性问题——读屏软件在表格上查找内容,会容易把布局表格当做内容表格来处理。 /*一些网页信息的抓取软件*/

    4.在移动设备上的呈现——表格布局通常不够灵活,不能变化性地适应多种终端!It‘s very important!

 

HTML与CSS入门——第七章 使用表格显示信息

标签:

原文地址:http://www.cnblogs.com/luchaohai/p/4974656.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!