使用html语言和css开发商业站点_第1页
使用html语言和css开发商业站点_第2页
使用html语言和css开发商业站点_第3页
使用html语言和css开发商业站点_第4页
使用html语言和css开发商业站点_第5页
已阅读5页，还剩12页未读， 继续免费阅读

下载本文档

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

文档简介

第八章指导学习：活动页的局部布局HTML的各类标签

XHTML

1.0的基本规范

CSS的基本语法CSS常用属性CSS背景的偏移技术盒子模型DIV+CSS布局块级标签行级标签常用的CSS属性页面布局盒子模型CSS定位

DIV+CSS整体布局DIV+CSS典型局部布局教员备课时完善教员备课时完善XHTML与HTML块级标签<h1><p><hr><div><ol>、<ul>和<li><dl>、<dt>和<dd><table>、<th>、<tr>、<td>、<thead>、<tbody>和<tfoot>行级标签<a><img><br

/><span><input>、<testarea>和<select><label>CSS选择器标签选择器类选择器

ID选择器常用的CSS属性文本

字体

列表

背景

超链接盒子模型

marginborderpaddingwidth、heightCSS定位

staticrelativeabsoluteDIV+CSS整体布局DIV+CSS布局的实现思路DIV+CSS典型局部布局div-ul-ildiv-dl-dt-ddform-table-trTable-tr-td完成时间：20分钟阶段1：练习——实现页面的局部布局需求说明使用DIV+CSS布局活动页面版块页面分为6个部分内容都市生活户外•旅行运动健身理财•英语•学习文艺演出公益•其他阶段2：指导——制作圆角矩形训练要点CSS选择器需求说明除了标题外，其他内容均显示在一个圆角矩形里面实现思路写一个宽度相同的圆角矩形样式，高度自适应使用背景样式制作圆角矩形完成时间：20分钟常见调试问题及解决办法代码规范问题共性问题集中讲解完成时间：25分钟阶段3：练习——编写页面内容需求说明把页面中的内容添加到圆角矩形中编写样式美化页面内容超链接文本颜色为蓝色，当鼠标悬停到超链接上时，文本颜色为橙色日期、报名人数、留言条数、休闲活动卡、现金支付等文本颜色均显示橙色使用一条虚线隔开阶段4：指导——制作背景透明效果训练要点滤镜效果需求说明每一版块图片的下方文字说明的背景使用滤镜制作透明效果文本颜色为白色，当鼠标悬停到文本上时颜色为橙色实现思路设置层的绝对定位及上一层的相对定位使层在图片的下方显示设置背景层的颜色为黑色设置背景的半透明，兼容其他的浏览器完成时间：20分钟常见调试问题及解决办法代码规范问

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

温馨提示

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

最新文档

评论

0/150

提交评论