CSS设置表格与表单样式

CSS设置表格与表单样式

ID:38833486

大小:295.32 KB

页数:17页

时间:2019-06-20

CSS设置表格与表单样式_第1页
CSS设置表格与表单样式_第2页
CSS设置表格与表单样式_第3页
CSS设置表格与表单样式_第4页
CSS设置表格与表单样式_第5页
资源描述:

《CSS设置表格与表单样式》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、第6章CSS设置表格与表单样式1学习目标什么是表格模型对数据表格应用样式。创建简单和复杂的表单布局对各种表单元素应用样式。掌握CSS中用列表制作各种菜单的方法。ppt中所有实例参考网页设计与制作电子教材及源代码26.1.1表格模型虽然我们不需要表格来进行网页布局了,但很多表格式的数据,还是需要表格这一形式发挥它的作用!

………
另外可以通过元素将表格行聚类为组

2、,可以构成更复杂的表格。36.1.1表格模型用于指定表格标题行,如果打印的表格超过一页纸,应该在每个页面顶端出现。表格正文部分,将相关行集合在一起。一个表格可以有一个或多个部分。是表格标题行的低端补充,它是一组作为脚注的行,如果表格横跨多个页面,也应该重复。他们不但用于网页的分块显示,还能用来做表格的分页打印,就是表格自动分页的时候每页都带表头thead和表底tfoot。例如:46.1.1表格模型

3、ad>

<

4、td>

一周安排表
星期一星期二星期三星期四星期五
上午学习学习
下午游戏时间
晚上学习休息时间
56.1.1表格模型table{caption-side:left;}设置标题caption的位置,但ie浏览器不支持,默认位置是在表格上面居中显示。th的scope属性:scope属性  定义了行或列的表头scope可以定义行或列的表头    取值col-定义列表头row -定义行表头colgroup-定义列组的表头信息,是column group的缩写rowgroup-定义行组的表头信息,是row group的缩写66.1.1表格

5、模型summary属性  代表HTML表格的摘要表格不仅可以有标题caption,还可以有一个摘要说明summary。摘要是不会显示出来的,通常是给一些其它的工具使用的,比如盲人阅读器等。由于摘要summary不会显示在浏览器中,所以可以尽可能的使摘要描述足够长,这样更有利于那些通过“听”的浏览者了解你的table表格。7                           Js

6、Css8.com             IP             PV             RANK                                         网站首页             5000             47800             A<

7、/td>                                      CSS2.0教程             4200             41800             A+               86.1.1表格模型HTML代码中没有任何表现的部分,不设置边距,定义表格边线,色彩等。所有表现的内容都分离到CSS里去。body {     line-height: 20px

8、; } #MrJin_a{     font-size: 12px;     background: #fff;     margin: 45px;     width: 480px;     border-colla

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。