对表格与表单应用CSS样式_第1页
对表格与表单应用CSS样式_第2页
对表格与表单应用CSS样式_第3页
对表格与表单应用CSS样式_第4页
对表格与表单应用CSS样式_第5页
已阅读5页，还剩7页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第十章HTML与CSS前台页面设计对表格与表单应用CSS样式

第十章对表格与表单应用CSS样式HTML与CSS前台页面设计本章要点如何利用CSS样式构建美观的数据表格CSS样式在表单中的应用第十章对表格与表单应用CSS样式HTML与CSS前台页面设计目录：10.1利用CSS样式构建美观的数据表格10.2CSS样式在表单中的应用10.3综合实例1.表格标记

（1）有关标记包括：<table>，<td>，<caption>，<thead>，<tbody>，<tfood>，<col>，<colgroup>等。10.1利用CSS样式构建美观的数据表格（2）表格中常用的属性包括：边框宽度、边框颜色、边框样式、边框属性、填充间距、宽度、高度、边框共享等。10.1利用CSS样式构建美观的数据表格2.对表格应用样式包括可以进行下面的一些设置：（1）表格和单元格宽度（2）文本对齐（3）边框（4）边距设置（5）背景设置（6）标题和表头的处理（8）标题摆放（9）表格行的颜色交替（10）不完全表格（11）内部表格（12）按列进行设置（13）鼠标动态效果

10.1利用CSS样式构建美观的数据表格1.表单标记

包括：<form>，<input>，<fieldset>，<legend>，<label>等。10.2CSS样式在表单中的应用

2.表单布局

包括可以进行下面的一些设置：（1）格式对齐（2）标签和输入框分两行显示（3）增加排序10.2CSS样式在表单中的应用

3.修饰表单

在给表单布局后，需要对表单的字体，颜色，边距等外观进行设置，使整个表单看起来更友好。包括可以进行下面的一些设置：（1）设置<fieldset>（2）设置标题（3）设置强调信息（4）设置提示信息（5）强调输入框（6）输入框和按钮的特殊效果10.2CSS样式在表单中的应用

3.复杂的表单布局

对于比较长和复杂的表单，表单上不仅有文本输入框，还会有单选框、下拉列表等。这个时候在布局的时候要考虑到各种元素的整体排放了。包括可以进行下面的一些设置：（1）表单控件分组设置样式（2）隐藏部分标签10.2

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论