“div”是什么意思？红辣椒乐队的snow（hey oh）的中英歌词

本文目录

• “div”是什么意思
• 红辣椒乐队的snow（hey oh）的中英歌词
• Divergence是什么意思啊
• 用div+css设计一个页面布局
• HTML中有一个div标签,它起什么作用
• 谁有div+css实例教程
• css和div布局到底怎么布局啊，需要经常使用哪些元素呢
• html中div标签的relative属性是怎么用的，老搞不懂，请高手指点
• div中如何设置文字居中
• html中的div是什么意思

“div”是什么意思

《div》 标签定义 HTML 文档中的分隔（DIVision）或部分（section）。div属于web前端的学习内容，其中《div》 标签常用于组合块级元素，以便通过样式表来对这些元素进行格式化。《div》 可定义文档中的分区或节（division/section）。

《div》 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用 id 或 class 来标记 《div》，那么该标签的作用会变得更加有效。

当使用 CSS-P 的时候， 主要把它用在 DIV（division）tag 上。当把文字，图像，或其他的放在 DIV 中，它可称作为“DIV block”，或“DIV element”或“CSS-layer”，或干脆叫“layer”。所以把它称作“层次”。所以当看到这些名词的时候，就知道它们是指一段在 DIV 中的 HTML。

使用 DIV 的方法跟使用其他 tag 的方法一样：

如果单独使用 DIV 而不加任何 CSS-P, 那么它在网页中的效果和不使用是一样的。

但当把 CSS-P 用到 DIV 中去以后，就可以严格设定它的位置。首先需要给这个可以被 CSS-P 控制的 DIV 一个 ID 或说是它的名字。比如说给这个 DIV 的名字是 truck。给名字的目的是以后可用JavaScript来控制它， 比如说移动它或改变它的一些性质等等。

给层次取什么名字是随意的，名字可以是任何英文字母和数字，但第一个必须是字母。有两种把 CSS-P 应用到 DIV 的方法。

Inline CSS：Inline是最常用的方法。

ExternalSTYLE tag：使用 External 方法的结果是一样的。请注意在 External 方法里，在 STYLE 里的 ID 和 DIV 里的关系。

扩展资料

布局优势

一、精简代码，减少重构难度。

网站使用DIV+CSS布局使代码很是精简，相信大多朋友也都略有所闻，css文件可以在网站的任意一个页面进行调用，而若是使用table表格修改部分页面却是显得很麻烦。要是一个门户网站的话，需手动改很多页面，而且看着那些表格也会感觉很乱也很浪费时间，但是使用css+div布局只需修改css文件中的一个代码即可。

二、网页访问速度

使用了DIV+CSS布局的网页与Table布局比较，精简了许多页面代码，那么其浏览访问速度自然得以提升，也从而提升了网站的用户体验度。

三、SEO优化

采用div-css布局的网站对于搜索引擎很是友好，因此其避免了Table嵌套层次过多而无法被搜索引擎抓取的问题，而且简洁、结构化的代码更加有利于突出重点和适合搜索引擎抓取。

四、浏览器兼容性

若使用table布局网页，在使用不同浏览器情况下会发生错位，而div+css则不会，无论什么浏览器，网页都不会出现变形情况。

最后，需要注意的是，蜘蛛不喜欢一个页面有太多的css代码，否则同样会影响蜘蛛的爬行，影响搜索引擎的收录，所以采用外部调用的方式调用CSS是非常不错的方法。而同时，若非必须太多花哨的网站，采用CSS布局，同样可以到达所想要的效果。如网站导航中的文字颜色变化、下拉菜单等。

红辣椒乐队的snow（hey oh）的中英歌词

歌名：《Snow(HeyOh)》
作词：红辣椒乐队
作曲：红辣椒乐队
演唱：红辣椒乐队
发行时间：2006-11-21

Come to decide that the things that I tried were in my life just to get high on. 来做决定吧，决定那些我曾试过很多次将它们融入我这一生中的事情

When I sit alone, come get a little known
当我一人独处时，便慢慢能弄明白一些
But I need more than myself this time.
但现在，我需要的多过我本身
Step from the road to the sea to the sky, and I do believe that we rely on
从陆地走向大海走向天边 ，然后，我真的相信了我们所依靠的
When I lay it on, come get to play it on
当我依靠着它，试着接近去深入它
All my life to sacrifice. 我奉献了我的一生
Hey oh... listen what I say oh Hey oh...
听我说吧 I got you hey oh, now listen what I say oh
我得到了你hey oh，现在听听我说吧
When will I know that I really can’t go
当我知道我真的离不开
To the well once more - time to decide on.
再次来到井旁－由时间来决定
Well it’s kiliing me, when will I really see, all that I need to look inside.
好吧，它将杀了我，何时我才能真正看清，所有我要看的都在井底
Come to belive that I better not leave before I get my chance to ride,
来吧，请相信，在我有机会可以逃走前我最好不要离开
Well it’s killing me, what do I really need - all that I need to look inside.
好吧，它将杀了我，什么才是我真正所需，所有我需要的都在井底
Hey oh... listen what I say oh Hey oh...
听我说吧
Come back and hey oh
回来 hey oh look at what I say oh
看看我说了什么 The more I see the less I know
我看到的越多便知道地越少
The more I like to let it go - hey oh, woah...
便更乐意去放手－
hey oh, woah... People need the cover of another perfect wonder where it’s so white as snow,
人们需要另一个完美幻想世界的掩护，那里就像是白雪一样纯洁
Finally divided by a word so undecided and there’s nowhere to go;
最终，却被一句未知的话语瓦解，无处可逃
In between the cover of another perfect wonder and it’s so white as snow,
就在那个被掩盖的完美幻想世界里，一切是那么洁白，就像雪一样
Running through the field where all my tracks will be concealed and there’s nowhere to go
奔跑穿过田野，那儿我所有的足迹都将被掩盖，终将无处可去
Ho! Ho! Went to descend to ammend for a friend of the channels that had broken down.
来到下行修正为了那么毫无出路的朋友
Now you bring it up, I’m gonna ring it up - just to hear you sing it out.
现在你把它放出来，我很想把它圈起来－－只为听听你将它唱出
Step from the road to the sea to the sky, 从陆地走向大海走向天边
And I do belive what we rely on,
然后，我真的相信了我们所依靠的
When I lay it on, come get to play it on
当我依靠着它，试着接近去深入它
All my life to sacrifice
我奉献了我的一生 Hey oh... Listen what I say oh Hey oh...
听我说吧 I got your hey oh... listen what I say oh
我得到了你hey oh，...
听听我说吧 The more I see, the less I know
我看到的越多便知道地越少 The more I like to let it go - hey oh woah...
便更乐意去放手－hey oh, woah... People need the cover of another perfect wonder where it’s so white as snow.
人们需要另一个完美幻想世界的掩护，那里就像是白雪一样纯洁
Finally divided by a word so undecided and there’s nowhere to go
最终，却被一句未知的话语瓦解，无处可逃
In between the cover of another perfect wonder where it’s so white as snow
就在那个被掩盖的完美幻想世界里，一切是那么洁白，就像雪一样 Running through the field where all my tracks will be concealed and there’s nowhere to go.
奔跑穿过田野，那儿我所有的足迹都将被掩盖，终将无处可去
I said hey hey yeah oh yeah, tell my love now.
我说 hey hey yeah oh yeah，
现在就告诉我的爱
Hey hey yeah oh yeah, tell my love now. hey hey yeah oh yeah，
现在就告诉我的爱
People need the cover of another perfect wonder where it’s so white as snow,
人们需要另一个完美幻想世界的掩护，那里就像是白雪一样纯洁
Finaly divided by a word so undecided and there’s nowhere to go.
最终，却被一句未知的话语瓦解，无处可逃 People need the cover of another perfect wonder where it’s so white as snow...
人们需要另一个完美幻想世界的掩护，那里就像是白雪一样纯洁...
Running through the field where all my tracks will be concealed and there’s nowhere to go.
奔跑穿过田野，那儿我所有的足迹都将被掩盖，终将无处可去
I said hey oh yeah oh yeah... 我说
hey oh yeah oh yeah... tell my love now
现在就告诉我的爱
Hey yeah yeah... oh yeah. Hey yeah yeah... oh yeah

Divergence是什么意思啊

同学你好，很高兴为您解答！

　　您所说的这个词语，是属于期货从业词汇的一个，掌握好期货从业词汇可以让您在期货从业的学习中如鱼得水，这个词的翻译及意义如下：证券价格的趋势与指标的趋势不同。

  希望高顿网校的回答能帮助您解决问题，更多财会问题欢迎提交给高顿企业知道。

高顿祝您生活愉快！

用div+css设计一个页面布局

《style》
.head{
width:100%;
height:60px;
}
.main{
width:70%;
height:400px;
float:left;
}
.main{
width:30%;
height:400px;
float:right;
}
.footer{
width:100%;
height:60px;
}
《/style》

《div class =“head“》这里是head区域《/div》
《div class =“main“》这里是主要内容区域《/div》
《div class=“main_left“》这里是右侧区域《/div》
《div class=“footer“》这里是页脚区域《/div》

HTML中有一个div标签,它起什么作用

DIV DIV元素是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。
CSS单元的位置和层次-div标签
div接口=数字图像数据接口
我们都知道，在网页上利用HTML定位文字和图像是一件“令人心痛”的事情。我们必须使用表格标签和隐式GIF图像，即使这样也不能保证定位的精确，因为浏览器和操作平台的不同会使显示的结果发生变化。
而CSS能使你看到希望的曙光。利用今天我们即将学到的CSS属性，你可以精确地设定要素的位置，还能将定位的要素叠放在彼此之上，还有...还有......你自己慢慢看吧！
Cascading Style Sheets（CSS）是 DHTML 的基础。CSS 用来设定你网页上的元素是如何展示的。Cascading Style Sheets Positioning（CSS-P）是 CSS 的一个扩展，它可用来控制任何东西在网页上或是说在窗口中的位置。请你记住这两个名词：CSS 和 CSS－P

谁有div+css实例教程

背景属性（Background）
background 在一个声明中设置所有的背景属性。 1
background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动。 1
background-color 设置元素的背景颜色。 1
background-image 设置元素的背景图像。 1
background-position 设置背景图像的开始位置。 1
background-repeat 设置是否及如何重复背景图像。 1

边框属性（Border和Outline）
border 在一个声明中设置所有的边框属性。 1
border-bottom 在一个声明中设置所有的下边框属性。 1
border-bottom-color 设置下边框的颜色。 2
border-bottom-style 设置下边框的样式。 2
border-bottom-width 设置下边框的宽度。 1
border-color 设置四条边框的颜色。 1
border-left 在一个声明中设置所有的左边框属性。 1
border-left-color 设置左边框的颜色。 2
border-left-style 设置左边框的样式。 2
border-left-width 设置左边框的宽度。 1
border-right 在一个声明中设置所有的右边框属性。 1
border-right-color 设置右边框的颜色。 2
border-right-style 设置右边框的样式。 2
border-right-width 设置右边框的宽度。 1
border-style 设置四条边框的样式。 1
border-top 在一个声明中设置所有的上边框属性。 1
border-top-color 设置上边框的颜色。 2
border-top-style 设置上边框的样式。 2
border-top-width 设置上边框的宽度。 1
border-width 设置四条边框的宽度。 1
outline 在一个声明中设置所有的轮廓属性。 2
outline-color 设置轮廓的颜色。 2
outline-style 设置轮廓的样式。 2
outline-width 设置轮廓的宽度。 2

文本属性（Text）
color 设置文本的颜色。 1
direction 规定文本的方向/书写方向。 2
letter-spacing 设置字符间距。 1
line-height 设置行高。 1
text-align 规定文本的水平对齐方式。 1
text-decoration 规定添加到文本的装饰效果。 1
text-indent 规定文本块首行的缩进。 1
text-shadow 规定添加到文本的阴影效果。 2
text-transform 控制文本的大小写。 1
unicode-bidi 设置文本方向。 2
white-space 规定如何处理元素中的空白。 1
word-spacing 设置单词间距。 1

字体属性（Font）
font 在一个声明中设置所有字体属性。 1
font-family 规定文本的字体系列。 1
font-size 规定文本的字体尺寸。 1
font-size-adjust 为元素规定aspect值。 2
font-stretch 收缩或拉伸当前的字体系列。 2
font-style 规定文本的字体样式。 1
font-variant 规定文本的字体样式。 1
font-weight 规定字体的粗细。 1

外边距属性（Margin）
margin 在一个声明中设置所有外边距属性。 1
margin-bottom 设置元素的下外边距。 1
margin-left 设置元素的左外边距。 1
margin-right 设置元素的右外边距。 1
margin-top 设置元素的上外边距。 1

内边距属性（Padding）
padding 在一个声明中设置所有内边距属性。 1
padding-bottom 设置元素的下内边距。 1
padding-left 设置元素的左内边距。 1
padding-right 设置元素的右内边距。 1
padding-top 设置元素的上内边距。 1

列表属性（List）
list-style 在一个声明中设置所有的列表属性。 1
list-style-image 将图象设置为列表项标记。 1
list-style-position 设置列表项标记的放置位置。 1
list-style-type 设置列表项标记的类型。 1
marker-offset 2

内容生成（Generated Content）
content与:before以及:after 伪元素配合使用，来插入生成内容。 2
counter-increment 递增或递减一个或多个计数器。 2
counter-reset 创建或重置一个或多个计数器。 2
quotes 设置嵌套引用的引号类型。 2

尺寸属性（Dimension）
height 设置元素高度。 1
max-height 设置元素的最大高度。 2
max-width 设置元素的最大宽度。 2
min-height 设置元素的最小高度。 2
min-width 设置元素的最小宽度。 2
width 设置元素的宽度。 1

定位属性（Positioning）
bottom 设置定位元素下外边距边界与其包含块下边界之间的偏移。 2
clear 规定元素的哪一侧不允许其他浮动元素。 1
clip 剪裁绝对定位元素。 2
cursor 规定要显示的光标的类型（形状）。 2
display 规定元素应该生成的框的类型。 1
float 规定框是否应该浮动。 1
left 设置定位元素左外边距边界与其包含块左边界之间的偏移。 2
overflow 规定当内容溢出元素框时发生的事情。 2
position 规定元素的定位类型。 2
right 设置定位元素右外边距边界与其包含块右边界之间的偏移。 2
top 设置定位元素的上外边距边界与其包含块上边界之间的偏移。 2
vertical-align 设置元素的垂直对齐方式。 1
visibility 规定元素是否可见。 2
z-index 设置元素的堆叠顺序。 2

打印属性（Print）
orphans 设置当元素内部发生分页时必须在页面底部保留的最少行数。 2
page-break-after 设置元素后的分页行为。 2
page-break-before 设置元素前的分页行为。 2
page-break-inside 设置元素内部的分页行为。 2
widows 设置当元素内部发生分页时必须在页面顶部保留的最少行数。 2

表格属性（Table）
border-collapse 规定是否合并表格边框。 2
border-spacing 规定相邻单元格边框之间的距离。 2
caption-side 规定表格标题的位置。 2
empty-cells 规定是否显示表格中的空单元格上的边框和背景。 2
table-layout 设置用于表格的布局算法。 2

伪类（Pseudo-classes）
:active 向被激活的元素添加样式。 1
:focus 向拥有键盘输入焦点的元素添加样式。 2
:hover 当鼠标悬浮在元素上方时，向元素添加样式。 1
:link 向未被访问的链接添加样式。 1
:visited 向已被访问的链接添加样式。 1
:first-child 向元素的第一个子元素添加样式。 2
:lang 向带有指定lang属性的元素添加样式。 2

伪元素（Pseudo elements）
:first-letter 向文本的第一个字母添加特殊样式。 1
:first-line 向文本的首行添加特殊样式。 1
:before 在元素之前添加内容。 2
:after 在元素之后添加内容。 2
PS：每行后面的数字是CSS版本支持

css和div布局到底怎么布局啊，需要经常使用哪些元素呢

所谓的DIV+CSS，主要是使用CSS来控制HTML中的各种元素对页面进行布局排版。
在这里写上DIV是为了强调：过去的网页布局主要是使用table标签进行的，而使用table布局不够灵活，所以现在的网站大多数都使用div标签对网页进行整体的布局。

使用CSS和div布局，你可以先把整个网页划分成几块，然后在html里每一块用一个div框起来，然后对相应的div定义CSS，将其放置到网页中相应的位置，完成整体布局。
比如你要要做一个现在你看到的百度知道的页面：页面基本分为了3部分，上面是百度知道的logo、百度的跳转链接、搜索框和按钮；下面的左边是百度知道的当前问题和其回答；右边是用户信息、广告等内容。（这里被我简化了，其实最上面有用户信息条，中间有当前页面在百度知道的路径，最下面还有footer网站信息）
我们就可以在html里写4个div:
《div id=“wrap“》
《div id=“top“》《/div》
《div id=“left“》《/div》
《div id=“right“》《/div》
《/div》
然后给他们定义css
body{text-align:center;}/*为了使网页的内容全部显示在中间*/
#wrap{width:960px;margin:0 auto;}/*为了让1024*768的用户能看全，定义了网页的宽度*/
#top{width:100%;height:100px;}/**/
#left{width:660px;float:left}/*向左浮动*/
#right{width:290px;float:right;}/*向右浮动*/
这样网站的整体布局就完成了。（这部分代码我没有验证，嘻嘻）

注：事实上我给这三个div的命名方式并不是很好，不应该使用它的样式类型或者位置进行定义，而要使用该网页元素的实际内容进行定义。
一般来说要以这个div里面放的内容来定义。比如百度给最上方的用户信息条起名usrbar。这样在给网站改版或者做调整的时候可以明确每个div的意义。

完成整体布局以后，就可以对网页中的每一个区域进行具体的排版。
每一部分的排版，是使用一楼提到的标题、段落、列表、表格、超链接等网页标签，然后使用CSS对标签进行相应的定义，使其达到你预期的效果。

注意：div这类标签也是可以使用的，但是具体用什么标签要看具体情况。（其实你全部使用div都是可以的，如果你不嫌麻烦的话。）使用正确的标签，可以让你的网页代码更容易阅读和修改。比如一般看到网页中出现ul li标签，就可以知道这里定义了列表。用到h1-h7标签一般就是定义不同等级的标题。

具体如何使用CSS布局网页，建议你先学习HTML，然后看一看CSS。这些内容你不一定要背过，但是一定要了解，HTML和CSS都可以做到什么。以后在使用的过程中遇到不懂的就查。没事找几个简单的页面，自己模仿着做下来，多练练手就好了。
推荐教程：你可以去我下面写的网站看看，这里是最基本的教程。CSS部分等你熟悉了最基本的用法后，可以把《精通CSS》看看，这本书的帮助很大，强烈推荐（我自己学这本的）。

html中div标签的relative属性是怎么用的，老搞不懂，请高手指点

relative 应该是 CSS 中 position 属性的一个值吧，

用Div+CSS进行网站布局时，做一些浮动层等特殊特殊效果时要考虑到定位问题。这就要用到Position属性等。
Position属性有四个值：static、fixed、absolute和relative，

后面两个在布局中的定位里是经常用到的，顾名思义，

absolute是指绝对定位，即将对象从文档流中拖出，使用left，right，top，bottom等属性进行绝对定位，而其层叠通过z-index属性定义。此时对象不具有边距，但仍有补白和边框。

ralative是指相对定位，就是依据left，right，top，bottom等属性在正常文档流中偏移位置。

但是，怎么个绝对法，又怎么个相对法呢？

以前我一直没有仔细去研究它，到具体应用时有时会有点迷糊，我相信很多朋友也会有这样的问题。今天我特意测试了一下，得出了以下结论：

1、当Position属性值为Relative时对象原来占有的位置保留，其后面的对象按原来文档流仍然保持原来的位置Top的值表示对象相对原位置向下偏移的距离bottom的值表示对象相对原位置向上偏移的距离两者同时存在时，只有Top起作用。left的值表示对象相对原位置向右偏移的距离right的值表示对象相对原位置向左偏移的距离两者同时存在时，只有left起作用。

2、当Position属性值为absolute时对象从文档流中抽取出来，原占有的位置被后面的对象顶替上来Top的值表示对象上边框与浏览器窗口顶部的距离bottom的值表示对象下边框与浏览器窗口底部的距离两者同时存在时，只有Top起作用；如果两者都未指定，则其顶端将与原文档流位置一致，即垂直保持位置不变。left的值表示对象左边框与浏览器窗口左边的距离right的值表示对象右边框与浏览器窗口右边的距离两者同时存在时，只有left起作用；如果两者都未指定，则其左边将与原文档流位置一致，即水平保持位置不变。

在Position属性值为absolute的同时，如果有一级父对象（无论是父对象还是祖父对象，或者再高的辈分，一样）的Position属性值为Relative时，则上述的相对浏览器窗口定位将会变成相对父对象定位，这对精确定位是很有帮助的。

div中如何设置文字居中

1、可以用text-align属性设置。首先打开hbuilder器，新建一个html文件，先切换到边改边看模式：

2、写一个div出来，同时在内部加上一些文字，使用css增加属性，使得div的区域看得清楚：

3、接下来就使用text-align的center属性将文字横向居中，同时设置行高，使这行文字实际占用的高度和div高度相同，就产生了居中效果：

4、如果是多行文字，需要配合行内标签p和它的padding属性来完成居中，以上就是css设置div文字居中的演示：

html中的div是什么意思

你好!

《DIV》称为区隔标记。作用：设定字、画、表格等的摆放位置。当你把文字，图象，或其他的放在 DIV 中，它可称作为“DIV block”，或“DIV element”或“CSS-layer”，或干脆叫“layer”。而中文我们把它称作“层次”。所以当你以后看到这些名词的时候，你就知道它们是指一段在 DIV 中的 HTML。

《DIV》应用于 Style Sheet（式样表）方面会更显威力，它最终目的是给设计者另一种组织 能力，有 Class ; Style ; title ; ID 等属性，将会于【Style Sheet】一节才作详述，这处只介绍 一个属性设定。
以 《DIV align=“center“》 为例：
align=“center“
可选值：center ; left ; right 。决定字、画、表格等居中、靠左或靠右。
《DIV align=“center“》 的作用和居中标记 《CENTER》一样，前者是由 HTML3.0 开始 的标准，后者是通用己久的标示法。

CSS单元的位置和层次-div标签

我们都知道，在网页上利用HTML定位文字和图象是一件“令人心痛”的事情。我们必须使用表格标签和隐式GIF图象，即使这样也不能保证定位的精确，因为浏览器和操作平台的不同会使显示的结果发生变化。
而CSS能使你看到希望的曙光。利用今天我们即将学到的CSS属性，你可以精确地设定要素的位置，还能将定位的要素叠放在彼此之上，还有...还有......你自己慢慢看吧！
Cascading Style Sheets（CSS）是 DHTML 的基础。CSS 用来设定你网页上的元素是如何展示的。Cascading Style Sheets Positioning（CSS-P）是 CSS 的一个扩展，它可用来控制任何东西在网页上或是说在窗口中的位置。请你记住这两个名词：CSS 和 CSS－P。下面四个英文网址提供了详细的关于 CSS 和 CSS-P 的文件和解释。
● 1．使用 DIV 标签 （div）

当我们使用 CSS-P 的时候， 我们主要把它用在 DIV（division）tag 上。当你把文字，图象，或其他的放在 DIV 中，它可称作为“DIV block”，或“DIV element”或“CSS-layer”，或干脆叫“layer”。而中文我们把它称作“层次”。所以当你以后看到这些名词的时候，你就知道它们是指一段在 DIV 中的 HTML。
使用 DIV 的方法跟使用其他 tag 的方法一样：
《DIV》This is a DIV tag .《/DIV》
如果单独使用 DIV 而不加任何 CSS-P, 那么它在网页中的效果和使用 《P》《/P》 是一样的。
但当我们把 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》
External STYLE tag：使用 External 方法的结果是一样的。我们会在以后的课程里再详细解释这种方法。现在我们主要讨论Inline 方法。请注意在 External 方法里，在 STYLE 里的 ID 和 DIV 里的关系。
《STYLE TYPE=“text/css“》
《!-- #truck {styles go here} --》
《/STYLE》
《DIV ID=“truck“》This is a truck .《/DIV》

Cross-Browser CSS 性质：
我们这个课程的主要目的是让你写出的网页在 NS4 和 IE4 上都能工作， 所以我们主要讨论那些对俩者都通用的性质。下面这些性质符合由 W3C 给出的标准。

position 决定 DIV tag 是如何放置的。“relative”意思是DIV的位置是相对于其他 tag 的，而“absolute”是说 DIV tag 的位置是相对于它所在的窗口。
left 相对于窗口左边的位置
top 相对于窗口上边的位置
width DIV tag 的宽度。所有在 DIV 里的文字或html都在里面。
height DIV tag 的高度。这个性质很少用除非你想 Clip 层次。
clip 给出 layer 的 clipping（可看的见的）部分。Clip 可使得 DIV 显示为一个可以定义的很准确的方块。你可以用以下的四个值来给出这个方块的在 DIV 位置和大小。
clip:rect(top,right,bottom,left);
visibility 隐蔽或展现DIV 根据它的值“visible”，“hidden”，“inherit”。
z-index DIV tag 的立体位置。值越大 DIV 的位置越高。
background-color DIV 背景的颜色。
layer-background-color Netscape 的 DIV 背景颜色。
background-image DIV 的背景图象。
layer-background-image Netscape 的 DIV 的背景图象。
● 2．绝对定位和相对定位 （position）

绝对定位：
定位属性将是网虫们打开幸福之门的钥匙：
H4 { position: absolute; left: 100px; top: 43px }
这项CSS规则让浏览器将《H4》的起始位置精确地定在距离浏览器左边100象素，距离其顶部43象素的位置。注意这里唯一设置了的是左边和顶部，也就说，文字将从左到右，从上到下载入浏览窗口。
左边和顶部属性很直观，左边（left）设定要素距浏览器窗口左边的距离，顶部（top）设定距离浏览器窗口顶部的距离。设定这些距离时，你可以使用所学过的各种度单位或比例值。使用比例值时，比例值的是相对于母体要素的尺寸。
你可以定位什么呢？任何东西！段落、单词、GIF和JPEG图象、QUICKTIME电影等等。
相对定位：
绝对定位使你能精确地定位要素在页面的独立位置，而不考虑页面其它要素的定位设置。相对定位指你所定位的要素的位置相对于在文件中所分配的位置。例：
I { position: relative; left: 40px; top: 10px }
相对定位的关键在于定位了的要素的位置是相对于它通常应在的位置进行定位。相对定位单元出现在普通的静态定位单元的行间，定位时没有把自己和静态定位单元完全分开。如果你停止使用相对定位，则文字的显示位置将恢复正常。使用相对定位时要小心，否则容易将页面弄得非常乱。
除了相对定位和绝对定位，你还可以使用static（静止）参数值。Static 是 position 特性的缺省值。它的使用方法同普通HTML中的定位方法，不能附加特殊的定位设置。也就是说，除了边距特性，或通过使用 float 特性来浮动单元可影响单元的定位外，其它均不可以。

● 3．定位单元的控制 （width、height、visiblility）

除了控制定位单元的左上角位置，你还可以控制单元的宽度和高度，及单元在页面的可视性。

宽度：定位了的要素在页面上显示时仍然会从左到右一直显示。利用宽度属性就可以设定字符向右流动的限制，即设定要素的宽度。
DIV { position: absolute; left: 200px; top: 40px; width: 150px }
浏览器接到这项规则时，它将文字按照规则规定的效果显示，还将段落的最大水平尺寸限制在150象素。
宽度属性只适用于绝对定位的要素。你可以使用我们学过的任何一种长度单位，或使用比例值设定宽度，比例值指相对于母体要素的比例。IE 4中，这项属性还可用于图象。你可以通过宽度设置人为地拉宽或压缩图象。

高度：理论上讲，高度应该和宽度的设置类似，只不过是在垂直方向上：
DIV { position: absolute; left: 200px; top: 40px; height: 150px }
这里我用了“理论上讲”，因为有些浏览器不支持高度属性。

可视性：利用CSS，你可以隐藏要素，使其在页面上看不见。这条属性对于定位了的和未定位的要素都适用。
H4 { visibility: hidden }
选项：

visible 使要素可以被看见
hidden 使要素被隐藏
inherit 指它将继承母体要素的可视性设置。
值 inherit 为缺省值。这使单元继承父单元的可见性。所以，如果某一段是隐藏的，则它包含的任何行间单元也都被隐藏。这一继承性可被明确指定的可见性取代。例如，段内的 EM 单元被指定为可见，这时如果该段被隐藏，则段内的所有其它内容都将消失，而唯有 EM 单元中的文本是可见的。