|
DHTML动态网页简明教程 使用 DIV 作者:ahao 使用 DIV Tags当我们使用 CSS-P 的时候, 我们主要把它用在 DIV (division) tag 上.当你把文字, 图象, 或其他的放在 DIV 中, 它可称作为 "DIV block", 或 "DIV element" 或 "CSS-layer", 或干脆叫 "layer". 而中文我们把它称作 "层次". 所以当你以后看到这些名词的时候, 你就知道它们是指一段在 DIV 中的 HTML。 使用 DIV 的方法跟使用其他 tag 的方法一样 This is a DIV tag 但当我们把 CSS-P 用到 DIV 中去以后, 我么就可以严格设定它的位置. 首先我们需要给这个可以被 CSS-P 控制的 DIV 一个 ID 或说是它的名字。比如说我们给下面这个 DIV 的名字是 truck. 给名字的目的是我们以后可用 JavaScript 来控制它, 比如说移动它或改变它的一些性质等等。 <div ID="truck">This is a truck </div> 给层次取什么名字是随意的, 名字可以是任何英文字母和数字, 但第一个必须是字母. 有两种把 CSS-P 应用到 DIV 的方法. Inline CSS:Inline 是最常用的方法。 <div ID="truck" STYLE="styles go here">This is a truck </div> 我们下面将会告诉你都有哪些 style 和如果把它们写到 DIV 里。 External STYLE tag:使用 External 方法的结果是一样的。 现在我们主要讨论 Inline 方法。请注意在 External 方法里,在 STYLE 里的 ID 和 DIV 里的关系。 <div ID="truck"><SPAN CLASS="orange"> This is a truck </div> Cross-Browser CSS 性质:我们这个课程的主要目的是让你写出的网页在 NS4 和 IE4 上都能工作, 所以我们主要讨论那些对俩者都通用的性质。 下面这些性质符合由 W3C 给出的标准。
CSS 的语法是用冒号来分开性质和它的值, 用半分号来分开性质:
|