文字技术


     
  喵 拉 喵 觉 得 文 字 是 一 个 网 站 的 主 体 , 所 以 就 从 这 个 部 份 开 始 介 绍 , 通 常 我 们 在 编 写 中 文 网 页 时 , 如 果 不 加 任 何 设 定 , 那 么 文 字 应 该 是 12 pt 大 小 的 黑 色 新 细 明 体 , 这 也 就 是 文 字 的 预 设 属 性 , 由 此 我 们 可 以 看 出 常 用 的 文 字 属 性 有 三 种 , 分 别 是 字 型 、 颜 色 和 字 的 大 小 , 我 们 就 依 照 这 个 次 序 来 介 绍 文 字 技 术 。

以 上 三 个 属 性 都 是 包 含 在 < font > 这 个 标 签 之 内 的 , 也 就 是 在 使 用 时 , 必 须 将 这 些 属 性 写 成 < font 属 性 > 文 字 内 容 < / font > , 接 下 来 就 介 绍 字 型 属 性 的 设 定 。


FACE

face 就 是 用 来 设 定 字 型 用 的 , 使 用 法 就 像 是 < font face = " 细明体 " > 文 字 内 容 < / font > , 你 想 要 什 么 用 什 么 字 体 , 就 在 细 明 体 的 地 方 换 上 你 想 要 用 的 字 体 , 例 如 : < font face = " 少女文字W6 " > 文 字 内 容 < / font > , 但 是 要 是 浏 览 者 没 有 安 装 你 所 要 求 的 字 型 , 那 么 浏 览 者 就 只 会 看 到 新 细 明 体 的 文 字 。

范 例 二


COLOR

如 果 要 设 定 文 字 颜 色 , 那 就 要 用 到 颜 色 属 性 color ,例 如 : < font color = " #0000FF " > 文 字 内 容 < / font > , 其 中 的 #0000FF 就 是 蓝 色 的 代 码 , 在 这 里 可 以 用 blue 代 替 , 但 是 遇 到 复 杂 的 颜 色 时 就 一 定 要 用 代 码 来 表 示 了 , 下 面 列 出 基 本 的 代 码 , 网 友 们 可 以 参 考 着 用 , 至 于 其 他 复 杂 的 , 喵 拉 喵 也 不 知 道 。

黑色 #000000
白色 #FFFFFF
绿色 #008000
褐色 #800000
橄榄色 #808000
深蓝色 #000080
紫色 #800080
灰色 #808080
黄色 #FFFF00
青色 #00FF00
浅蓝色 #00FFFF
桃红色 #FF00FF
银色 #C0C0C0
红色 #FF0000
蓝色 #0000FF
蓝绿色 #008080

范 例 三


SIZE

接 下 来 要 介 绍 的 是 文 字 大 小 属 性 , 在 这 三 个 属 性 中 , 这 个 是 最 最 麻 烦 的 , 因 为 它 的 表 示 方 法 至 少 有 三 种 , 建 议 使 用 者 先 学 会 其 中 一 种 , 之 后 再 去 看 看 其 他 两 种 有 何 不 同 。

size 的 用 法 是 和 之 前 两 种 属 性 相 同 的 , 就 像 是 < font size = " 4 " > 文 字 内 容 < / size > , 其 中 数 字 的 地 方 可 以 填 上 1 ~ 7 , 1 是 最 小 的 , 7 则 是 最 大 的 , 这 样 , 字 的 大 小 属 性 轻 松 讲 完 , 另 外 , 你 也 可 以 将 标 签 中 的 属 性 改 成 这 样 < font size = " +1 " > 文 字 内 容 < / font > , +1 的 意 思 是 在 预 设 值 上 +1 , 预 设 值 为 3 , 加 上 1 之 后 就 变 成 4 , 所 以 我 们 可 以 得 知 +1 的 位 置 可 以 填 上 -2 ~ +4 的 数 字 。

最 后 , 还 有 一 种 表 示 方 式 是 直 接 用 标 签 改 变 字 型 大 小 , 例 如 : < h4 > 文 字 内 容 < / h4 > , 特 别 注 意 这 种 用 法 只 有 六 个 大 小 ,而 且 而 且 预 设 字 体 为 细 明 体 ,大 小 顺 序 刚 好 相 反 。 看 完 你 可 能 还 搞 不 清 楚 之 中 的 关 系 , 请 看 下 表 对 照 :

pt 方法一 方法二 方法三
8 <font size="1"> </font> <font size="-2"> </font> <h6> </h6>
10 <font size="2"> </font> <font size="-1"> </font> <h5> </h5>
12 <font size="3"> </font> <font size="+0"> </font> <h4> </h4>
14 <font size="4"> </font> <font size="+1"> </font> <h3> </h3>
18 <font size="5"> </font> <font size="+2"> </font> <h2> </h2>
24 <font size="6"> </font> <font size="+3"> </font> <h1> </h1>
36 <font size="7"> </font> <font size="+4"> </font> 没 有

范 例 四

其 余 文 字 相 关 功 能 , 由 于 为 数 不 少 , 但 是 使 用 简 单 , 直 接 看 范 例 比 较 快 , 请 见 范 例 五 。

范 例 五

[回首页][回目录]

资料来源: 喵拉喵网页制作教学网站, WEB制作百宝箱