第6章 应用样式表.ppt_第1页
第6章 应用样式表.ppt_第2页
第6章 应用样式表.ppt_第3页
第6章 应用样式表.ppt_第4页
第6章 应用样式表.ppt_第5页
已阅读5页，还剩7页未读， 继续免费阅读

下载本文档

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

文档简介

第6章应用样式表 认识样式表定义样式表样式表的高级应用 6 1认识样式表 6 1 1熟悉 CSS样式 面板 在Dreamweaver8中 我们可以借助 CSS样式 面板来新建 删除 编辑和应用样式 以及附加外部样式表等 6 1 2CSS样式的存在方式 CSS样式以两种方式存在于网页中 外部CSS样式表 为增强CSS样式的通用性 我们可以创建扩展名为 css的样式表文件 利用 CSS样式 面板可将该文件链接到站点中的一个或多个网页中 从而使用户可以直接应用其中定义的样式 内部 或嵌入式 CSS样式表 是一系列包含在HTML文档head部分style标签内的CSS样式 6 2定义样式表 6 2 1CSS样式的分类 根据应用对象的不同 CSS样式被分成了以下三类 1 类样式 2 标签样式 3 选择器样式 6 2 2定义样式的步骤 对于类样式而言 当我们修改了所选文本的字体 大小 颜色等属性后 系统会自动创建相应的样式 此外 也可以在 CSS样式 面板中单击 新建CSS规则 按钮 直接创建类样式和其他两种样式 课堂练习1为 火百合 网页中的表格定义边线样式 在了解了定义样式的步骤后 本节通过一个实例来学习一下类样式的定义和应用方法 课堂练习2为 火百合 网页定义 body 样式 在样式类型中 最常用的就是标签样式 本节通过为 火百合 网页定义 body 样式 来看看标签样式的定义和应用 课堂练习3为 火百合 网页定义链接样式 链接 是网站中不可缺少的组成元素 本节通过为 pro b html 网页中的链接文本定义样式 来看看高级样式的设置方法 6 2 3链接外部样式 我们在 课堂练习2 中曾创建了一个名为 s2 css 的样式文件 下面来看看如何将其链接到网站中的其他页面 6 3样式表的高级应用 6 3 1在同一个网页中设置两种链接样式 有时候可能会遇到这种情况 你制作了一个网页 其中有很多链接文本 你想用不同的链接样式来区分这些链接文本 也就是设置两个不同样式的链接 那么如何设置呢 本节通过给LZG站点中的 index a html 网页添加一个链接样式来讲解此类样式的设置方法 课堂练习4为 火百合 网页设置列表样式 所谓列表样式 就是为网页中的列表文本设置的样式 本节通过为 火百合 网页左侧的链接文本设置列表样式 来看一下此类样式的设置方法 课堂练习5为 火百合 网页中的图片设置阴影 很多人都知道Photoshop拥有强大的滤镜功能 但很少有人知道Dreamweaver中的CSS
人人文库> 全部分类> 生活休闲 > 科普知识

温馨提示

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

最新文档

评论

0/150

提交评论