CSS设置表格与表单样式.ppt
《CSS设置表格与表单样式.ppt》由会员分享,可在线阅读,更多相关《CSS设置表格与表单样式.ppt(17页珍藏版)》请在三一办公上搜索。
1、1,第6章 CSS设置表格与表单样式,2,学习目标,什么是表格模型对数据表格应用样式。创建简单和复杂的表单布局对各种表单元素应用样式。掌握CSS中用列表制作各种菜单的方法。ppt中所有实例参考网页设计与制作电子教材及源代码,3,6.1.1 表格模型,虽然我们不需要表格来进行网页布局了,但很多表格式的数据,还是需要表格这一形式发挥它的作用!另外可以通过元素将表格行聚类为组,可以构成更复杂的表格。,4,6.1.1 表格模型,用于指定表格标题行,如果打印的表格超过一页纸,应该在每个页面顶端出现。表格正文部分,将相关行集合在一起。一个表格可以有一个或多个部分。是表格标题行的低端补充,它是一组作为脚注的
2、行,如果表格横跨多个页面,也应该重复。他们不但用于网页的分块显示,还能用来做表格的分页打印,就是表格自动分页的时候每页 都带表头thead和表底tfoot。例如:,5,6.1.1 表格模型,一周安排表 星期一星期二星期三星期四星期五 上午学习学习 下午游戏时间 晚上学习休息时间,6,6.1.1 表格模型,tablecaption-side:left;设置标题caption的位置,但ie浏览器不支持,默认位置是在表格上面居中显示。th的scope属性:scope属性定义了行或列的表头scope可以定义行或列的表头取值col-定义列表头row-定义行表头colgroup-定义列组的表头信息,是co
3、lumngroup的缩写rowgroup-定义行组的表头信息,是rowgroup的缩写,7,6.1.1 表格模型,summary属性代表HTML表格的摘要表格不仅可以有标题caption,还可以有一个摘要说明summary。摘要是不会显示出来的,通常是给一些其它的工具使用的,比如盲人阅读器等。由于摘要summary不会显示在浏览器中,所以可以尽可能的使摘要描述足够长,这样更有利于那些通过“听”的浏览者了解你的table表格。,8,JsCIPPVRANK网站首页500047800ACSS2.0教程420041800A+,9,6.1.1 表格模型,HTML代码中没有任何表现的部分,不设置边距,定义
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- CSS 设置 表格 表单 样式
链接地址:https://www.31ppt.com/p-5594147.html