《对表格与表单应用CSS样式.ppt》由会员分享，可在线阅读，更多相关《对表格与表单应用CSS样式.ppt（12页珍藏版）》请在三一办公上搜索。
1、第十章,HTML与CSS前台页面设计,对表格与表单应用CSS样式,http:/http:/www.ort-http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/www.zg-http:/www.skf-http:/www.nsk-http:/www.fag-http:/www.ntn-http:/http:/http:/http:/http:/http:/www.
2、xunchi-http:/http:/http:/http:/,第十章 对表格与表单应用CSS样式,HTML与CSS前台页面设计,本章要点如何利用CSS样式构建美观的数据表格CSS样式在表单中的应用,http:/http:/www.ort-http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/www.zg-http:/www.skf-http:/www.nsk-h
3、ttp:/www.fag-http:/www.ntn-http:/http:/http:/http:/http:/http:/www.xunchi-http:/http:/http:/http:/,第十章 对表格与表单应用CSS样式,HTML与CSS前台页面设计,目录：10.1 利用CSS样式构建美观的数据表格10.2 CSS样式在表单中的应用10.3 综合实例,http:/http:/www.ort-http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/h
4、ttp:/http:/http:/http:/http:/http:/http:/http:/www.zg-http:/www.skf-http:/www.nsk-http:/www.fag-http:/www.ntn-http:/http:/http:/http:/http:/http:/www.xunchi-http:/http:/http:/http:/,1.表格标记（1）有关标记包括：，等。,10.1 利用CSS样式构建美观的数据表格,http:/http:/www.ort-http:/http:/http:/http:/http:/http:/http:/http:/http:/ht
5、tp:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/www.zg-http:/www.skf-http:/www.nsk-http:/www.fag-http:/www.ntn-http:/http:/http:/http:/http:/http:/www.xunchi-http:/http:/http:/http:/,（2）表格中常用的属性 包括：边框宽度、边框颜色、边框样式、边框属性、填充间距、宽度、高度、边框共享等。,10.1 利用CSS样式构建美观的数据表格,ht
6、tp:/http:/www.ort-http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/www.zg-http:/www.skf-http:/www.nsk-http:/www.fag-http:/www.ntn-http:/http:/http:/http:/http:/http:/www.xunchi-http:/http:/http:/http:/,2.对
7、表格应用样式 包括可以进行下面的一些设置：（1）表格和单元格宽度（2）文本对齐（3）边框（4）边距设置（5）背景设置（6）标题和表头的处理（8）标题摆放（9）表格行的颜色交替（10）不完全表格（11）内部表格（12）按列进行设置（13）鼠标动态效果,10.1 利用CSS样式构建美观的数据表格,http:/http:/www.ort-http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/h
8、ttp:/http:/www.zg-http:/www.skf-http:/www.nsk-http:/www.fag-http:/www.ntn-http:/http:/http:/http:/http:/http:/www.xunchi-http:/http:/http:/http:/,1.表单标记 包括：，等。,10.2 CSS样式在表单中的应用,2.表单布局 包括可以进行下面的一些设置：（1）格式对齐（2）标签和输入框分两行显示（3）增加排序,10.2 CSS样式在表单中的应用,http:/http:/www.ort-http:/http:/http:/http:/http:/http
9、:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/www.zg-http:/www.skf-http:/www.nsk-http:/www.fag-http:/www.ntn-http:/http:/http:/http:/http:/http:/www.xunchi-http:/http:/http:/http:/,3.修饰表单 在给表单布局后，需要对表单的字体，颜色，边距等外观进行设置，使整个表单看起来更友好。包括可以进行
10、下面的一些设置：（1）设置（2）设置标题（3）设置强调信息（4）设置提示信息（5）强调输入框（6）输入框和按钮的特殊效果,10.2 CSS样式在表单中的应用,http:/http:/www.ort-http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/www.zg-http:/www.skf-http:/www.nsk-http:/www.fag-http:/ww
11、w.ntn-http:/http:/http:/http:/http:/http:/www.xunchi-http:/http:/http:/http:/,3.复杂的表单布局 对于比较长和复杂的表单，表单上不仅有文本输入框，还会有单选框、下拉列表等。这个时候在布局的时候要考虑到各种元素的整体排放了。包括可以进行下面的一些设置：（1）表单控件分组设置样式（2）隐藏部分标签,10.2 CSS样式在表单中的应用,http:/http:/www.ort-http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/htt
12、p:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/www.zg-http:/www.skf-http:/www.nsk-http:/www.fag-http:/www.ntn-http:/http:/http:/http:/http:/http:/www.xunchi-http:/http:/http:/http:/,http:/http:/www.ort-http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http
13、:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/www.zg-http:/www.skf-http:/www.nsk-http:/www.fag-http:/www.ntn-http:/http:/http:/http:/http:/http:/www.xunchi-http:/http:/http:/http:/,10.3 综合实例,http:/http:/www.ort-http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/h
14、ttp:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/www.zg-http:/www.skf-http:/www.nsk-http:/www.fag-http:/www.ntn-http:/http:/http:/http:/http:/http:/www.xunchi-http:/http:/http:/http:/,对表格与表单应用CSS样式,第十章,本章结束,http:/http:/www.ort-http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/http:/www.zg-http:/www.skf-http:/www.nsk-http:/www.fag-http:/www.ntn-http:/http:/http:/http:/http:/http:/www.xunchi-http:/http:/http:/http:/,
