表格应用css样式,对表格与表单应用CSS样式.ppt

《对表格与表单应用CSS样式.ppt》由会员分享,可在线阅读,更多相关《对表格与表单应用CSS样式.ppt(12页珍藏版)》请在人人文库网上搜索。

1、第十章,HTML与CSS前台页面设计,对表格与表单应用CSS样式, http:/www.ort- http:/www.zg- http:/www.skf- http:/www.nsk- http:/www.fag- http:/www.ntn- http:/www.xunchi- ,第十章 对表格与表单应用CSS样式,HTML与CSS前台页面设计,本章要点 如何利用CSS样式构建美观的数据表格 CSS样式在表单中的应用, http:/www.ort- http:/www.zg- http:/www.skf- http:/www.nsk- http:/www.fag- http:/www.ntn。

2、- http:/www.xunchi- ,第十章 对表格与表单应用CSS样式,HTML与CSS前台页面设计,目录: 10.1 利用CSS样式构建美观的数据表格 10.2 CSS样式在表单中的应用 10.3 综合实例, http:/www.ort- http:/www.zg- http:/www.skf- http:/www.nsk- http:/www.fag- http:/www.ntn- http:/www.xunchi- ,1. 表格标记 (1) 有关标记 包括: , , , 等。,10.1 利用CSS样式构建美观的数据表格, http:/www.ort- http:/www.zg- h。

3、ttp:/www.skf- http:/www.nsk- http:/www.fag- http:/www.ntn- http:/www.xunchi- ,(2)表格中常用的属性 包括: 边框宽度、边框颜色、边框样式 、边框属性、填充间距 、宽度 、高度 、边框共享等。,10.1 利用CSS样式构建美观的数据表格, http:/www.ort- http:/www.zg- http:/www.skf- http:/www.nsk- http:/www.fag- http:/www.ntn- http:/www.xunchi- ,2.对表格应用样式 包括可以进行下面的一些设置: (1)表格和单元。

4、格宽度 (2)文本对齐 (3)边框 (4)边距设置 (5)背景设置 (6)标题和表头的处理 (8)标题摆放 (9)表格行的颜色交替 (10)不完全表格 (11)内部表格 (12)按列进行设置 (13)鼠标动态效果,10.1 利用CSS样式构建美观的数据表格, http:/www.ort- http:/www.zg- http:/www.skf- http:/www.nsk- http:/www.fag- http:/www.ntn- http:/www.xunchi- ,1. 表单标记 包括: , ,等。,10.2 CSS样式在表单中的应用,2.表单布局 包括可以进行下面的一些设置: (1)格。

5、式对齐 (2)标签和输入框分两行显示 (3)增加排序,10.2 CSS样式在表单中的应用, http:/www.ort- http:/www.zg- http:/www.skf- http:/www.nsk- http:/www.fag- http:/www.ntn- http:/www.xunchi- ,3. 修饰表单 在给表单布局后,需要对表单的字体,颜色,边距等外观进行设置,使整个表单看起来更友好。 包括可以进行下面的一些设置: (1)设置 (2)设置标题 (3)设置强调信息 (4)设置提示信息 (5)强调输入框 (6)输入框和按钮的特殊效果,10.2 CSS样式在表单中的应用, htt。

6、p:/www.ort- http:/www.zg- http:/www.skf- http:/www.nsk- http:/www.fag- http:/www.ntn- http:/www.xunchi- ,3. 复杂的表单布局 对于比较长和复杂的表单,表单上不仅有文本输入框,还会有单选框、下拉列表等。这个时候在布局的时候要考虑到各种元素的整体排放了。 包括可以进行下面的一些设置: (1)表单控件分组设置样式 (2)隐藏部分标签,10.2 CSS样式在表单中的应用, http:/www.ort- http:/www.zg- http:/www.skf- http:/www.nsk- http。

7、:/www.fag- http:/www.ntn- http:/www.xunchi- , http:/www.ort- http:/www.zg- http:/www.skf- http:/www.nsk- http:/www.fag- http:/www.ntn- http:/www.xunchi- ,10.3 综合实例, http:/www.ort- http:/www.zg- http:/www.skf- http:/www.nsk- http:/www.fag- http:/www.ntn- http:/www.xunchi- ,对表格与表单应用CSS样式,第十章,本章结束, http:/www.ort- http:/www.zg- http:/www.skf- http:/www.nsk- http:/www.fag- http:/www.ntn- http:/www.xunchi-。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值