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 表格模型,table caption-side:left; 设置标题caption的位置,但ie浏览器不支持,默认位置是在表格上面居中显示。 th的scope属性: scope 属性 定义了行或列的表头 scope可以定义行或列的表头 取值 col - 定义列表头 row -
3、定义行表头 colgroup - 定义列组的表头信息,是column group的缩写 rowgroup - 定义行组的表头信息,是row group的缩写,7,6.1.1 表格模型,summary 属性 代表HTML表格的摘要 表格不仅可以有标题caption,还可以有一个摘要说明summary。摘要是不会显示出来的,通常是给一些其它的工具使用的,比如盲人阅读器等。 由于摘要summary不会显示在浏览器中,所以可以尽可能的使摘要描述足够长,这样更有利于那些通过“听”的浏览者了解你的table表格。,8, JsC IP PV RANK 网站首页 5000 47800 A CSS2.0教程 4
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- CSS 设置 表格 表单 样式
链接地址:https://www.31doc.com/p-3479231.html