CSS样式表在网页制作中的应用
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
上 百 条 内容 的 庞 大 网站 上 面 。 为 时 间有 因 限 ， 以你 需 要 通过 嵌 套 或者 ￣ Ｎ ｃ ｓ 进 所 ｓ来 样式 ， 需 要 修 改 ＣＳ 只 Ｓ文 件 ， 不 需 要 修 改 而
一
＜ 一一 ！
．
ｂｓｙ ｅ ｛ｂ ｃ ｇ ｏ ｎ ｊｔ ｌ ａ ｋ ｒ ｕ ｄ：＃ｃ０ ｂ ｃ ０ ｂ｝
的 区域 做 修 改 ， 你就 不 能 对 网站 样 式 表 结 构有一个整体的把握 。 链 接 或 者 导 入 你 的 样 式 表 不 是 随 意 的 事情。 创建 干 净 整洁 的样 式 表 并 保 持 下去 ， 工作就会更开心、 高效。 更 以 上 是 使 用 ＣＳ 样 式 表 时 我 们 应 遵 循 Ｓ
ｂａ ｋｇｒ ｕｎｄ—ｒ ｐ ａ ｒ ｐ ａ －ｙ； ｃ Ｏ ｅ ｅ ｔ：ｅ ｅ ｔ
方法 。 同意 有 条 件 的 注 释 比 在 你 的 Ｃ Ｓ 我 Ｓ 文 ｊ ｇ ； Ｐ）
科技创新导报 Ｓ ｉｎ ｅ ａ ｄ Ｔ ｃ ｎ ｌ ｇ ｎ ｏ ａ ｉｎ Ｈ ｒ ｌ ｃｅ ｃ ｎ ｅ ｈ ｏｏ ｙ Ｉｎ ｖ ｔ ｅ ａｄ ｏ
名 为ｔ ｓ ｙ ｅ 接 着 在 网 页 中 选 中 需 要 设 置 ｘｔｌ，
的 原 则 ， 了能 充分 用 好 样 式 表 的 强 大 性 颜 色 的 文 字 ， 后 在 工 具 栏 中 单 击 一 下 为 然
ｔ ｓｙｅ 就 下面就 是 一个 定 义背景 图 和 灵 活 性 ， 就 怎 样 在 网 页 制 作 中 有 效 使 “ｘ ｔ ｌ” 行 了。 我 用样 式 表 ， 谈 谈 几 个 实 例 。 来
是 一 个 定 义 颜 色 背 景 的 ＣＳ 的 源 代 码 ： Ｓ
（ ｔ ｌ ｙ ｅ ｔ ｘ ／ ｓ ” ｓ ｙ ｅ ｔ ｐ ＝”ｅ ｔ ｃ ｓ ＞
Ｉ ｉ ）Ｈ ｎｎ Ｉ ｅ ｎ １的 有 ｎ 可 能 达 不 到 在 短 期 内快 速 更 新 ， 者 懒 得 （ ｌ ｅ￣ 内部 式（ ｔｒ ａ） ， 以 下优 点 ： 或 再 去 管 理 ， 使 得 先 前 创 建 的精 致 的 样 式 样 式 代码 可 以 复用 。 个 外 部 Ｃ Ｓ 件 ， 这 一 Ｓ 文 可 表 变 成 了垃 圾 。 果 我 们 工 作 在 需 要 发 布 以被 很 多 网页 共 用 。 于 修 改 。 果要 修改 如 便 如
一
行 快 速修 改或 更 新 。 着时 间的 推 移 ， 种 写在 网页 里 ， 降 低 网页 显 示 的 速 度 ， 随 这 会 如果 习惯 维 持 着 ， 到 有 一 天 你 被 告 知 这 个 网 直
网页 引用 一个 ＣＳ Ｓ文件 ， 个 Ｃ 文件 多半 这 ＳＳ
站 要 完 全 推 翻 重 新 设 计 （ 是 内 容 还 是 一 已 经在 缓 存 区（ 它网 页早 已经 引用过 它） 但 其 ， 样 ） 且 你 只有 一 周 的时 间去 创 建 （ 括 测 网页 显 示 的 速 度 就 比较 快 。 括 为 一 句话 ： 而 包 概
（ ｔ ｌ ｙ ｅ ｔ ｘ ／ ｓ ” ｓ ｙ ｅ ｔ ｐ ＝”ｅ ｔ ｃ ｓ ） ＜ 一一 ！
些 个人 见 解 ， 相信 用 ＣＳ 不 仅 可 以做 出 我 Ｓ
美 观 工 整 令 浏 览者 赏 心 悦 目的 网 页 ， 能 还
给 网页 添 加 许 多 神 奇 的 效 果 。
Ｂ Ｄ ｛ｂ ｃ ｇｏ ｎ ：ｐ ｒｌ ｕｌ ｇ Ｏ Ｙ ａｋ ｒｕ ｄ ｕ ｐｅ ｒ（ ． ｂ
用 于 多 个 网页 ， 至 整个 网站 ， 于 网 站 的 及 便
操 有 的 需 要 都 是 要 遵 循 这 个 规 定 ？ 持 最低 字 加 上 不 同 的 背景 颜 色 时 ， 作 上 很 简 单 ， 保 的 高 度 和 高 度 的 规 则 在 一 起 ， 择 一 个 小 只 要 用 鼠标 单 击属 性 面 板 上 的 文 字 颜 色按 选 技巧 在 同 样 的Ｃ Ｓ Ｓ 文档 里 ， 样 会 更好 吗 ？ 这 在 钮 ， 弹 出 的颜 色 设 置 栏 中 选 择 需 要 的颜 从 色 就 可 以 了 。 如 果 我 们 要 给 部 分 文 字 加 但
其 首 试 ） 一 般 来 说 ， 新 样 式 表 还 算 是 一 个 非 可 以 最大 限 度 的 实 现 代 码 的 重 用及 最 优 化 了 。 具 体 操 作 过程 是 ， 先 我们 可以 先 做 。 更 个 定 义 背 景 色 的 Ｃ Ｓ 例 如 给 这 个 ＣＳ Ｓ ， Ｓ 命 常 简 单 的方 法 ， 非 你 长 时 间对 网 站 零 散 配 置 网 站 文 件 。 除
（ ｓｙ ｅ ／ ｔ ｌ）
的 背 景 图 象 ， 家 可 以把 它 换 成 自己 需 要 大
以 上 是 我 对 Ｃ Ｓ 网页 制 作 过 程 中 的 Ｓ 在
一
３恰 当、 时添加有 条件的注释和运 用技 的 背 景 图 象 ： 适
巧 很 多 文 章 写过 一 些 关 于 问题 解 决 的 技 巧 ， 条件 的 注 释 是 控 Ｎ Ｉ 发 布 的 一 个好 有 Ｅ 档 里 乱 写 要 好 得 多 ， 是 最 近 在 教 学 中 我 但
垫
Ｑ ： Ｚ
Ｓｃｉ Ｇｅ ｅｎ ａｎｄ Ｔ ｅ ｃｈｎｏ ｏｇｙ ｎｎ ｌ ｌ Ｏｖａｔｏｎ ｉ Ｈ ｅｒ ｄ ａｌ
Ｔ 技 术
ＣＳＳ样 式表 在 网页 制作 中的应 用
柳 鸿
（ 东职业 中专 辽宁丹 东 １ ０ ０ 丹 ８ ０ ） １
摘 要： 采用Ｃ 技术 ， ＳＳ 可以有效地 对现代 网 页制作 页面的布局 、 字体 ， 色、 颜 背景和 其 它效 果 实现 更加精 确的控 幸 。 Ｉ 用ＣＳ Ｓ不仅 可以做 出美 观 工 整 令 测 览 者 １ ・ １ 悦 目的 网 页 ， 能给 网 页添 加 许 多神 奇 的 效 果 。 ＂ 还 关键词 ：Ｓ 样式表 Ｃ Ｓ ＣＳ Ｓ 标记 语义定义 背景 图像 首行 缩进 超级链接 中图分类号 ： Ｐ １ ． Ｔ ３ ８ ６ 文献 标 识码 ： Ａ 文章编号 ： ６ ４ ０ ｓ （ ０ ０ （） ０ ３ ０ １ ７ — ９ ｘ ２ １ ） ３ ａ一０ ３ － １ ０ ＣＳ 是 为 弥 补 传 统 ＨＴＭＬ功 能 的 不 足 Ｓ
３ ３
１Ｃ Ｓ Ｓ 的标 记不宜过多
我 看 过 很 多 的 网 站 开 发 都 有 着 整 洁 的 、 织 严 密 的Ｃ Ｓ 档 ， 是 慢 慢 的 ， 组 Ｓ文 但 由于
件 里 ， 后 在 每 个 需 要 用 到 这 些 样 式 工具 栏 中单 击 一下 “ ｊ ｙｅ 就 行 了。 面就 然 ｂｓ ｌ” ｔ 下 （ｔ ｌｓ的 网页 里 引用 这个 Ｃ Ｓ 件 。 Ｓｙｅ） Ｓ文 使 用外 部 （ ｘ ｅ ａ ） 式表 ， Ｅ ｔｎ １ 样 相对 于 内嵌
开 始 慢慢 意 识 到 ， 多证 据 表 明 ， 并 不 是 很 这
ｂａ ｋｇｒ ｎｄ－ａ ｔ ｃ ｃ ｏｕ ｔａ ｈｍ ｅ ： ｘｅ ｎｔ ｆ ｄ ｉ
｝
一 一
想 而 开 发的 一种 新 的 网页 格 式标 准 。 Ｓ 可以 最 好 的 解 决 办 法 。 在 一 个 元 素 中设 置 它 Ｃ Ｓ
不 同 的 背 景 色 ， 怎 么操 作 呢 ？ 体 操 作过 该 具
维护管理 ， 因此 得 到 了广 泛 的 应 用 。
那 么我 们 应 该 如 何 创 建 更 具 吸 引 力 的
样 式 表 ？ 将 其 应 用 到 网页 制 作 中 呢 ？ 并 通过 这 种 情况 下 ， 觉得 用这 种 方 法 很 难 奏 效 。 我 学 习并 结 合 教 学 工 作 经 验 ， 结 出 在 网 页 总 制 作 中运 用 Ｃ Ｓ 式表 所 应 遵循 的 四个 原 ４在网页 中尽 量使用ｃ ｓ ｌ Ｓ样 ｓ￣ 部样式表 ，
在 网页 中精 确 地 设 置 文 字 的大 小 、 距 、 间 行 的 最 低 高 度 ， 是 Ｉ ６ 览 器 却 不 执 行 它 ， 但 Ｅ 浏 距 、 层 的绝 对 定 位 和相 对 定 位 ， 显 示效 所 以 你 知 道 自己 能 够 使 用 的 高 度 ， 同样 图 其 也
＞
象 和 文 字 是 一 起 移 动 的 ， 么 我 们 有 没 有 那
办法｛ｂ ｃ ｇ ｏ ｎ － ｍａ ｅ ｘ ｇｔｌ ａ ｋ ｒ ｕ ｄ ｉ ｇ ：ｕ ｌ ｒ
（ｅｔｇ ｆ｝ ｔｓ ．ｉ）
一 一
＞
设 置好 的 ｃｓ ￣ 下 ， 中ｂ Ｊ ｇ 是 网页 中 ｓｎ 其 ｇ．Ｐ 就
４． １让 背景 图案 静 止 不 动
象的 Ｃ Ｓ Ｓ 的源 代码 （ 中ｔｓ ． ｉ 是所 加 载 其 ｅ ｔｇ ｆ 就
的 背 景 图 象 ） ：
＜ｔ ｌ ｙ ｅ ｔｘ ／ ｓ ” ｓｙ ｅ ｔ ｐ ＝” ｅ ｔ ｃ ｓ ＞ （ 一一 ！
．
当 网 页 不 能 在 一 屏 全 部 显 示 时 ， 们 我
（ ｓｙ ｅ ／ ｔ ｌ）
重 然后 ４ ２巧 用 ＣＳ ． Ｓ来设 定 文 字 的 背景 果 不 会 由 于 浏 览 器 设 置 的 不 同 而 产 生 变 会 被 同样 的处 理 。 新建 一个 样 式 表 ， 在 Ｄ ｅ ｍＷｅ ｖ ｒ ， ｒａ ａ ｅ 中 如果 我们 需要 给文 化 。 实现 了 网页 内 容 与样 式 的 分 离 ， 它 可应 把 有 条 件 的 注 释 加 入 到 你 的 标 识 中 ， 所 你
则。
程 是 ， 先 我 们 可 以 先 做 一 个 定 义 背 景 色 首
外部 样 式表（ ｘ ｅｎ ｌ Ｓ ｙｅ Ｓ ｅ ｔ， Ｅ ｔｒ ａ ｔ ｌ ｈ ｅ）将 的 Ｃ Ｓ 例如 给这 个ＣＳ 名为ｂｓｙｅ 接 着在 Ｓ ， Ｓ命 ｊ ｌ， ｔ
样式 （ｔｌ ） 在一个 以 ．Ｓ为后 缀 的Ｃ Ｓ Ｓｙｅ 写 ｓ ＣＳ Ｓ 文 网 页 中选 中 需 要 设 置 颜 色 的 文 字 ， 后 在 然
２语义定义明确易懂
除 了选 择 最 合 适 的 ， 有 意 义 的 元 素 最
来表 述外 ， 要确 定选 择ｃａｓ 和 ｉ属 性值 。 还 ｌｓ ｄ 定义明确可以让 维护变得简单 ， 网页 制 作 小组里的成员都会看懂。
往 往 借 助 于 水 平 滚 动 条 和竖 直 滚 动 条 来 浏 览屏 幕 以 外 的 内 容 ， 动 滚 动 条 时 一 般 图 移
一
＞
（ ｓｙｅ ／ ｔ ｌ＞
每个 网页 ， 高 网页 显 示 的 速 度 。 提 如果 样 式 ４ ３给 选 中 文 字加 背 景 图像 ． 在Ｄｒａ ｅ ｍＷｅ ｖ ｒ ， 们 同样 可以 给指 ａ ｅ中 我 定 文 字 加 上 背 景 图象 ， 操 作 过 程 与 给 指 其 定文字加背景 色操作类似 ， 只不 过 是 把 选 择 背景 颜 色换 成 选 择 加 载 的 背景 图象 就 是
一
＜ 一一 ！
．
ｂｓｙ ｅ ｛ｂ ｃ ｇ ｏ ｎ ｊｔ ｌ ａ ｋ ｒ ｕ ｄ：＃ｃ０ ｂ ｃ ０ ｂ｝
的 区域 做 修 改 ， 你就 不 能 对 网站 样 式 表 结 构有一个整体的把握 。 链 接 或 者 导 入 你 的 样 式 表 不 是 随 意 的 事情。 创建 干 净 整洁 的样 式 表 并 保 持 下去 ， 工作就会更开心、 高效。 更 以 上 是 使 用 ＣＳ 样 式 表 时 我 们 应 遵 循 Ｓ
ｂａ ｋｇｒ ｕｎｄ—ｒ ｐ ａ ｒ ｐ ａ －ｙ； ｃ Ｏ ｅ ｅ ｔ：ｅ ｅ ｔ
方法 。 同意 有 条 件 的 注 释 比 在 你 的 Ｃ Ｓ 我 Ｓ 文 ｊ ｇ ； Ｐ）
科技创新导报 Ｓ ｉｎ ｅ ａ ｄ Ｔ ｃ ｎ ｌ ｇ ｎ ｏ ａ ｉｎ Ｈ ｒ ｌ ｃｅ ｃ ｎ ｅ ｈ ｏｏ ｙ Ｉｎ ｖ ｔ ｅ ａｄ ｏ
名 为ｔ ｓ ｙ ｅ 接 着 在 网 页 中 选 中 需 要 设 置 ｘｔｌ，
的 原 则 ， 了能 充分 用 好 样 式 表 的 强 大 性 颜 色 的 文 字 ， 后 在 工 具 栏 中 单 击 一 下 为 然
ｔ ｓｙｅ 就 下面就 是 一个 定 义背景 图 和 灵 活 性 ， 就 怎 样 在 网 页 制 作 中 有 效 使 “ｘ ｔ ｌ” 行 了。 我 用样 式 表 ， 谈 谈 几 个 实 例 。 来
是 一 个 定 义 颜 色 背 景 的 ＣＳ 的 源 代 码 ： Ｓ
（ ｔ ｌ ｙ ｅ ｔ ｘ ／ ｓ ” ｓ ｙ ｅ ｔ ｐ ＝”ｅ ｔ ｃ ｓ ＞
Ｉ ｉ ）Ｈ ｎｎ Ｉ ｅ ｎ １的 有 ｎ 可 能 达 不 到 在 短 期 内快 速 更 新 ， 者 懒 得 （ ｌ ｅ￣ 内部 式（ ｔｒ ａ） ， 以 下优 点 ： 或 再 去 管 理 ， 使 得 先 前 创 建 的精 致 的 样 式 样 式 代码 可 以 复用 。 个 外 部 Ｃ Ｓ 件 ， 这 一 Ｓ 文 可 表 变 成 了垃 圾 。 果 我 们 工 作 在 需 要 发 布 以被 很 多 网页 共 用 。 于 修 改 。 果要 修改 如 便 如
一
行 快 速修 改或 更 新 。 着时 间的 推 移 ， 种 写在 网页 里 ， 降 低 网页 显 示 的 速 度 ， 随 这 会 如果 习惯 维 持 着 ， 到 有 一 天 你 被 告 知 这 个 网 直
网页 引用 一个 ＣＳ Ｓ文件 ， 个 Ｃ 文件 多半 这 ＳＳ
站 要 完 全 推 翻 重 新 设 计 （ 是 内 容 还 是 一 已 经在 缓 存 区（ 它网 页早 已经 引用过 它） 但 其 ， 样 ） 且 你 只有 一 周 的时 间去 创 建 （ 括 测 网页 显 示 的 速 度 就 比较 快 。 括 为 一 句话 ： 而 包 概
（ ｔ ｌ ｙ ｅ ｔ ｘ ／ ｓ ” ｓ ｙ ｅ ｔ ｐ ＝”ｅ ｔ ｃ ｓ ） ＜ 一一 ！
些 个人 见 解 ， 相信 用 ＣＳ 不 仅 可 以做 出 我 Ｓ
美 观 工 整 令 浏 览者 赏 心 悦 目的 网 页 ， 能 还
给 网页 添 加 许 多 神 奇 的 效 果 。
Ｂ Ｄ ｛ｂ ｃ ｇｏ ｎ ：ｐ ｒｌ ｕｌ ｇ Ｏ Ｙ ａｋ ｒｕ ｄ ｕ ｐｅ ｒ（ ． ｂ
用 于 多 个 网页 ， 至 整个 网站 ， 于 网 站 的 及 便
操 有 的 需 要 都 是 要 遵 循 这 个 规 定 ？ 持 最低 字 加 上 不 同 的 背景 颜 色 时 ， 作 上 很 简 单 ， 保 的 高 度 和 高 度 的 规 则 在 一 起 ， 择 一 个 小 只 要 用 鼠标 单 击属 性 面 板 上 的 文 字 颜 色按 选 技巧 在 同 样 的Ｃ Ｓ Ｓ 文档 里 ， 样 会 更好 吗 ？ 这 在 钮 ， 弹 出 的颜 色 设 置 栏 中 选 择 需 要 的颜 从 色 就 可 以 了 。 如 果 我 们 要 给 部 分 文 字 加 但
其 首 试 ） 一 般 来 说 ， 新 样 式 表 还 算 是 一 个 非 可 以 最大 限 度 的 实 现 代 码 的 重 用及 最 优 化 了 。 具 体 操 作 过程 是 ， 先 我们 可以 先 做 。 更 个 定 义 背 景 色 的 Ｃ Ｓ 例 如 给 这 个 ＣＳ Ｓ ， Ｓ 命 常 简 单 的方 法 ， 非 你 长 时 间对 网 站 零 散 配 置 网 站 文 件 。 除
（ ｓｙ ｅ ／ ｔ ｌ）
的 背 景 图 象 ， 家 可 以把 它 换 成 自己 需 要 大
以 上 是 我 对 Ｃ Ｓ 网页 制 作 过 程 中 的 Ｓ 在
一
３恰 当、 时添加有 条件的注释和运 用技 的 背 景 图 象 ： 适
巧 很 多 文 章 写过 一 些 关 于 问题 解 决 的 技 巧 ， 条件 的 注 释 是 控 Ｎ Ｉ 发 布 的 一 个好 有 Ｅ 档 里 乱 写 要 好 得 多 ， 是 最 近 在 教 学 中 我 但
垫
Ｑ ： Ｚ
Ｓｃｉ Ｇｅ ｅｎ ａｎｄ Ｔ ｅ ｃｈｎｏ ｏｇｙ ｎｎ ｌ ｌ Ｏｖａｔｏｎ ｉ Ｈ ｅｒ ｄ ａｌ
Ｔ 技 术
ＣＳＳ样 式表 在 网页 制作 中的应 用
柳 鸿
（ 东职业 中专 辽宁丹 东 １ ０ ０ 丹 ８ ０ ） １
摘 要： 采用Ｃ 技术 ， ＳＳ 可以有效地 对现代 网 页制作 页面的布局 、 字体 ， 色、 颜 背景和 其 它效 果 实现 更加精 确的控 幸 。 Ｉ 用ＣＳ Ｓ不仅 可以做 出美 观 工 整 令 测 览 者 １ ・ １ 悦 目的 网 页 ， 能给 网 页添 加 许 多神 奇 的 效 果 。 ＂ 还 关键词 ：Ｓ 样式表 Ｃ Ｓ ＣＳ Ｓ 标记 语义定义 背景 图像 首行 缩进 超级链接 中图分类号 ： Ｐ １ ． Ｔ ３ ８ ６ 文献 标 识码 ： Ａ 文章编号 ： ６ ４ ０ ｓ （ ０ ０ （） ０ ３ ０ １ ７ — ９ ｘ ２ １ ） ３ ａ一０ ３ － １ ０ ＣＳ 是 为 弥 补 传 统 ＨＴＭＬ功 能 的 不 足 Ｓ
３ ３
１Ｃ Ｓ Ｓ 的标 记不宜过多
我 看 过 很 多 的 网 站 开 发 都 有 着 整 洁 的 、 织 严 密 的Ｃ Ｓ 档 ， 是 慢 慢 的 ， 组 Ｓ文 但 由于
件 里 ， 后 在 每 个 需 要 用 到 这 些 样 式 工具 栏 中单 击 一下 “ ｊ ｙｅ 就 行 了。 面就 然 ｂｓ ｌ” ｔ 下 （ｔ ｌｓ的 网页 里 引用 这个 Ｃ Ｓ 件 。 Ｓｙｅ） Ｓ文 使 用外 部 （ ｘ ｅ ａ ） 式表 ， Ｅ ｔｎ １ 样 相对 于 内嵌
开 始 慢慢 意 识 到 ， 多证 据 表 明 ， 并 不 是 很 这
ｂａ ｋｇｒ ｎｄ－ａ ｔ ｃ ｃ ｏｕ ｔａ ｈｍ ｅ ： ｘｅ ｎｔ ｆ ｄ ｉ
｝
一 一
想 而 开 发的 一种 新 的 网页 格 式标 准 。 Ｓ 可以 最 好 的 解 决 办 法 。 在 一 个 元 素 中设 置 它 Ｃ Ｓ
不 同 的 背 景 色 ， 怎 么操 作 呢 ？ 体 操 作过 该 具
维护管理 ， 因此 得 到 了广 泛 的 应 用 。
那 么我 们 应 该 如 何 创 建 更 具 吸 引 力 的
样 式 表 ？ 将 其 应 用 到 网页 制 作 中 呢 ？ 并 通过 这 种 情况 下 ， 觉得 用这 种 方 法 很 难 奏 效 。 我 学 习并 结 合 教 学 工 作 经 验 ， 结 出 在 网 页 总 制 作 中运 用 Ｃ Ｓ 式表 所 应 遵循 的 四个 原 ４在网页 中尽 量使用ｃ ｓ ｌ Ｓ样 ｓ￣ 部样式表 ，
在 网页 中精 确 地 设 置 文 字 的大 小 、 距 、 间 行 的 最 低 高 度 ， 是 Ｉ ６ 览 器 却 不 执 行 它 ， 但 Ｅ 浏 距 、 层 的绝 对 定 位 和相 对 定 位 ， 显 示效 所 以 你 知 道 自己 能 够 使 用 的 高 度 ， 同样 图 其 也
＞
象 和 文 字 是 一 起 移 动 的 ， 么 我 们 有 没 有 那
办法｛ｂ ｃ ｇ ｏ ｎ － ｍａ ｅ ｘ ｇｔｌ ａ ｋ ｒ ｕ ｄ ｉ ｇ ：ｕ ｌ ｒ
（ｅｔｇ ｆ｝ ｔｓ ．ｉ）
一 一
＞
设 置好 的 ｃｓ ￣ 下 ， 中ｂ Ｊ ｇ 是 网页 中 ｓｎ 其 ｇ．Ｐ 就
４． １让 背景 图案 静 止 不 动
象的 Ｃ Ｓ Ｓ 的源 代码 （ 中ｔｓ ． ｉ 是所 加 载 其 ｅ ｔｇ ｆ 就
的 背 景 图 象 ） ：
＜ｔ ｌ ｙ ｅ ｔｘ ／ ｓ ” ｓｙ ｅ ｔ ｐ ＝” ｅ ｔ ｃ ｓ ＞ （ 一一 ！
．
当 网 页 不 能 在 一 屏 全 部 显 示 时 ， 们 我
（ ｓｙ ｅ ／ ｔ ｌ）
重 然后 ４ ２巧 用 ＣＳ ． Ｓ来设 定 文 字 的 背景 果 不 会 由 于 浏 览 器 设 置 的 不 同 而 产 生 变 会 被 同样 的处 理 。 新建 一个 样 式 表 ， 在 Ｄ ｅ ｍＷｅ ｖ ｒ ， ｒａ ａ ｅ 中 如果 我们 需要 给文 化 。 实现 了 网页 内 容 与样 式 的 分 离 ， 它 可应 把 有 条 件 的 注 释 加 入 到 你 的 标 识 中 ， 所 你
则。
程 是 ， 先 我 们 可 以 先 做 一 个 定 义 背 景 色 首
外部 样 式表（ ｘ ｅｎ ｌ Ｓ ｙｅ Ｓ ｅ ｔ， Ｅ ｔｒ ａ ｔ ｌ ｈ ｅ）将 的 Ｃ Ｓ 例如 给这 个ＣＳ 名为ｂｓｙｅ 接 着在 Ｓ ， Ｓ命 ｊ ｌ， ｔ
样式 （ｔｌ ） 在一个 以 ．Ｓ为后 缀 的Ｃ Ｓ Ｓｙｅ 写 ｓ ＣＳ Ｓ 文 网 页 中选 中 需 要 设 置 颜 色 的 文 字 ， 后 在 然
２语义定义明确易懂
除 了选 择 最 合 适 的 ， 有 意 义 的 元 素 最
来表 述外 ， 要确 定选 择ｃａｓ 和 ｉ属 性值 。 还 ｌｓ ｄ 定义明确可以让 维护变得简单 ， 网页 制 作 小组里的成员都会看懂。
往 往 借 助 于 水 平 滚 动 条 和竖 直 滚 动 条 来 浏 览屏 幕 以 外 的 内 容 ， 动 滚 动 条 时 一 般 图 移
一
＞
（ ｓｙｅ ／ ｔ ｌ＞
每个 网页 ， 高 网页 显 示 的 速 度 。 提 如果 样 式 ４ ３给 选 中 文 字加 背 景 图像 ． 在Ｄｒａ ｅ ｍＷｅ ｖ ｒ ， 们 同样 可以 给指 ａ ｅ中 我 定 文 字 加 上 背 景 图象 ， 操 作 过 程 与 给 指 其 定文字加背景 色操作类似 ， 只不 过 是 把 选 择 背景 颜 色换 成 选 择 加 载 的 背景 图象 就 是