网页的效果：Style 中的Display用法5篇范文

第一篇：网页的效果：Style 中的Display用法

网页的效果：Style 中的Display用法

display:none改div不会显示,默认为inline 或“"，可以显示出来。

HTML { display : sDisplay }

Scripting object.style.display [ = sDisplay ]

Possible Values

String that specifies or receives one of the following values.block

none

inline Object is rendered as a block element.Object is not rendered.Default.Object is rendered as an inline element sized by

the dimensions of the content.Object is rendered inline, but the contents of the object

inline-block

sDisplay

list-item are rendered as a block element.Adjacent inline elements are rendered on the same line, space permitting.Internet Explorer 6 and later.Object is rendered as a

block element, and a list-item marker is added.Table header is always displayed before all other rows and

table-header-group row groups, and after any top captions.The header is

displayed on each page spanned by a table.Table footer is always displayed after all other rows and

table-footer-group row groups, and before any bottom captions.The footer is

displayed on each page spanned by a table.

display版本：CSS1/CSS2兼容性：IE4+ NS4+ 继承性：有

语法：

display : block | none | inline | compact | marker | inline-table | list-item | run-in | table | table-caption | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group

取值：

block :CSS1 块对象的默认值。将对象强制作为块对象呈递，为对象之后添加新行

none :CSS1 隐藏对象。与 visibility 属性的hidden值不同，其不为被隐藏的对象保留其物理空间

inline :CSS1 内联对象的默认值。将对象强制作为内联对象呈递，从对象中删除行

inline-block :IE5.5 将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内

联对象会被呈递在同一行内

compact :CSS2 未支持。分配对象为块对象或基于内容之上的内联对象

marker :CSS2 未支持。指定内容在容器对象之前或之后。要使用此参数，对象必须和 :after 及 :before 伪元素一起使用

inline-table :CSS2 未支持。将表格显示为无前后换行的内联对象或内联容器

list-item :CSS2 将块对象指定为列表项目。并可以添加可选项目标志

run-in :CSS2 未支持。分配对象为块对象或基于内容之上的内联对象

table :CSS2 未支持。将对象作为块元素级的表格显示

table-caption :CSS2 未支持。将对象作为表格标题显示

table-cell :CSS2 未支持。将对象作为表格单元格显示

table-column :CSS2 未支持。将对象作为表格列显示

table-column-group :CSS2 未支持。将对象作为表格列组显示

table-header-group :CSS2 将对象作为表格标题组显示

table-footer-group :CSS2 将对象作为表格脚注组显示

table-row :CSS2 未支持。将对象作为表格行显示

table-row-group :CSS2 未支持。将对象作为表格行组显示

说明：

设置或检索对象是否及如何显示。

对于下列元素来说，此属性的默认值为 block ：

ADDRESS QUOTE BODY XMP CENTER COL COLGROUP DD DIR DIV DL DT FIELDSET FORM Hn HR IFRAME LEGEND LISTING MARQUEE MENU OL P PLAINTEXT PRE TABLE TD TH TR UL

对于下列元素来说，此属性的默认值为 none ：

BR FRAME nextID TBODY TFOOT THEAD

对于下列元素来说，此属性的默认值为 list-item ：

LI

其他元素默认值都是 inline。

在IE6.0以前的版本中，LI 对象的默认值为 block。

在IE4.0中，block，inline，list-item 值不被支持。但是对象仍然会被呈递。在IE5.0中开始支持 block 和 inline。

在IE5.5中开始支持 inline-block。你可以使用 inline-block 使对象获得布局而无需指定确切的高(height)和宽(width)。

在IE6.0中开始支持 list-item。

所有可视的文档对象都是块对象(block element)或者内联对象(inline element)。例如，div 是一个块对象。span 是一个内联对象。块对象的特征是从新的一行开始且能包含其他块对象和内联对象。内联对象被呈递时不会从新行开始，能够包含其他内联对象和数据。

改变此属性值对其周围内容布局的影响可能是：

在属性值设为 block 的对象后面添加新行。

从属性值设为 inline 的对象中删除一行。

隐藏属性值设为 none 的对象并释放其在文档中的物理空间。

table-header-group 和 table-footer-group 属性值可用来指定当表格(table)跨越了多页时，tHead 和 tFoot 对象的内容在每一页都显示。

此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。

对应的脚本特性为display。

第二篇：怎么下载网页中的背景音乐范文

怎么下载网页中的背景音乐

很多朋友在浏览网页的时候，有时候会发现很好听的背景音乐，但是又不知道音乐的名称，想要下载保存起来就不知道怎么办了，不用慌，我来教你一招，很实用的，哈哈。

我用的是360安全浏览器，当然，不用的浏览器可能会有一点点不同，但是总的来说步骤还是一样的。

打开一个有背景音乐的网站，比如现在正在播放着背景音乐，点击菜单栏查看——查看源文件，如下图所示：

这时候，会弹出一个txt的文本文档，点击编辑——查找…，如下图所示：

在弹出的对话框里面输入

.mid，点击 查找下一处，这时就找到了mid所在的位置，并且已经是被选中状态，如下图所示：

点击 取消，并且选中mid所在位置的双引号里面的字，然后按Ctrl+C复制，如下图所示：

最后回到浏览器的地址栏，把刚刚复制的内容按Ctrl+V粘贴出来，并按回车，这样就会弹出迅雷下载你刚刚听到的背景音乐了，如下图所示：

当然，如果你的电脑上没有迅雷或是默认其他的下载工具，一样可以弹出来的，这时候只有下载就可以得到你要的背景音乐了。

第三篇：网页中图像的格式

网页中使用的图像可以是JPEG、GIF、PNG、BMP、TIFF等格式的图像文件，美观的图片会为网站添加新的活力。给用户带来更直观的感受。但是网页上的图片如果过多，也会影响网站的浏览速度，所以要合理适当的使用图像。

JPEG/JPG是网页设计中常见的图像格式，它支持数百万种颜色，因此最适合数码图片，具有颜色过渡的图像和任何需要256种以上颜色的图像。

GIF是网页中最常用的图像格式，它最多可以包含256中颜色，同时还可以包含一块透明的区域和多个动画帧，因此GIF格式通常适用于卡通，徽标，包含透明区域的图形以及动画，一般网站的标志都是用GIF格式。GIF格式最大的优点就是可以制作动态的图像，它可以将数张静态图片作为动画帧串联起来，转换成一个动画文件。GIF的另一个格式的优点就是可以将图片以交错的方式在网页中显示，所谓交错显示就是指当图片尚未下载完成时，浏览器就会先以马赛克的形式将图片慢慢显示，让浏览者可以大概猜出显示图片的雏形，此时浏览者可以选择要不要继续等待下载此图片，还是先去浏览其他网页。

PNG是网页中的通用格式，最多可以支持32位的颜色，可以包含透明度或ALPHA通道，同时它也是网页制作的默认文件格式，但是其中包含的特定附加信息，如果没有插件支持，浏览器可能无法正常显示这种格式的图片。

BMP文件格式是Windows环境中交换与图有关的数据的一种标准，因此在Windows环境中运行的图形图像软件都支持BMP图像格式。由于BMP它采用位映射存储格式，除了图像深度可选以外，不采用其他任何压缩，因此，BblP文件所占用的空间很大。所以网页中不能过多使用此格式，否则会严重影响网站浏览速度。

1.JPG格式比较适合用来存储照片。颜色丰富，压缩比高，文件尺寸较小。

2.GIF格式可以用来做动画。颜色种类少，256种，尺寸小。

3.PNG可以用来做小图标（icons），按钮，背景等等。因为包含alpha通道，所以支持图片透明。

第四篇：网页中表格教案

第三课 在网页中插入表格

一、教材分析

网页制作中用表格来规划整个网页的布局，是我们设计制作网页常用的手法。所以学会在网页中插入表格是网页制作中的一个重要的部分。本课的主要内容包括在网页中插入表格，表格的编辑和修饰，在表格中插入文字、图片等。通过对本课的学习，让学生了解用表格来规划网页会使网页结构显得清晰明快。在网页制作中，引导学生用表格来规划网页，为以后网页的开发设计打下一个良好的基础。

重点：学会使用多种方法在FrontPage中插入表格。难点： FrontPage表格的美化。

二、教学目标

知识与技能：学会在FrontPage中插入表格及美化表格的方法，培养学生运用表格设计来美化网页的能力。

过程与方法：采用研究体验式和协作式学习方法，培养学生对计算机知识的迁移能力和综合运用知识的能力。

情感态度、价值观：通过网页制作，培养学生良好的审美情趣。使学生逐步形成用表格来规划网页布局的网页制作习惯，为今后网页的开发设计打下一个良好的基础。

三、教学准备：

硬件环境：使用多媒体网络教室，配备宽带网络。软件环境：WinXP操作系统、FrontPage2000以上版本。素材资源：

1、在教师机或学生机上为学生建立相关的素材资源文件夹。

2、教师为学生准备上课演示用的教师制作的网页1。

我打算出示一组关于学生作文的中学生作文网。

3、为学生准备上课演示用的教师制作的网页2-----情感小屋网页，通过在情感小屋的首页内插入表格，通过进一步用表格规划情感小屋首页的网页布局来学习网页中表格的设计与制作。

五、教学流程

出示课前准备的含有表格的网页1中学生作文网，（一）创设情境，确定问题，布置任务

师：当你漫步在环境优雅的校园时，是否考虑过校园里的林荫道和绿化带的作用？ 生：起着绿化与方便交通的作用

师：其实还有着非常重要的作用，将行政区、办公区、生活区、活动区分成各自独立的区域，使整个校园错落有致，美丽如画，同样，如何将网页布置的美观整齐，结构清晰呢我们运用表格来布局与美化网页？

任务一：在FrontPage中有几种创建表格的方法？它们各有什么优点？

方法一：“常用”工具栏“插入表格”命令。

优点：操作速度快

方法二：“表格”菜单“插入”→“表格”命令。优点：能对表格预先进行设置。

方法三：“表格”菜单的“绘制表格”命令，手工绘制表格。优点：能做出特殊的表格，可以对表格进行修改。

任务二：

如何隐藏表格边框？-----推出表格属性的用法 任务三：

请同学们尝试着在FrontPage中制作如下表格：

（二）学生自主探究学习我 就 是 我姓名 年龄 学校 家庭住址 特长

姓别 QQ1、在FrontPage插入简单表格这一教学环节，考虑到学生已有Word知识的基础，故在此可放手让学生自主学习。通过让同学演示示范，得出插入表格的几种基本方法。并利用同Word相类似的编辑方法来体会FrontPage中表格的简单编辑。完成表格的简单制作。

2、为完成“表格的调整”这一教学任务，教师可提前演示制作好的表格，带着如下问题以小组为单位，研究和尝试对表格进一步美化：

（1）怎样进行行高与列宽的调整（2）怎样进行单元格的合并和拆分（3）怎样进行插入或删除表格中的行或列，（4）怎样进行平均分布行和列等基本操作（5）怎样进入表格属性对话框？

（6）表格属性对话框中相应选项的改变会给网页的效果带来哪些变化，起到什么修饰作用？

在此过程中，教师也可深入到各小组的研究讨论中去，和同学们共同寻找答案。然后，请完成表格美化的同学演示示范，以此突破本课利用表格属性来美化表格这一教学难点。

（四）创设任务，小组协作，巩固新知

在学生已基本学会插入表格和美化表格的基础上，再次创设学习任务，以小组为单位，打开站点“情感小屋”，并打开首页文件index.htm,分别插入四个表格，依次为：2╳3、2╳2、1╳4、2╳

1、宽度为780像素，水平居中。

最后展示各小组学生的作品，展开自评与互评。

六、评价建议：

本课的评价环节贯穿在学生学习活动的全过程，在学生每完成一个学习任务之后教师都要予以充分肯定，尤其在小组的作品展示阶段，教师要注意引导学生从多方面、多角度评

价每个小组的作品，如对各小组的网页作品，可在网页内容、网页规划及网页美化等方面进行自评和互评。注意培养学生良好的审美情趣。

第五篇：语法中that的用法

“that”在英文中是一个使用频率很高的单词。它有四种词性，并且句法及语法功能纷繁复杂。同学们如果不能熟练掌握其用法，很可能会形成英语学习的一种障碍，从而影响其学习兴趣和效率。现将that的用法总结归纳如下：

第一、that 用作形容词（后接复数名词时用those）。

它用来指已被提到的人或物；也可表对比，指两个中较远的那个。

What about that book you borrowed from me last month？

请注意，that 有时候在句子中具有喜欢或轻蔑等感情色彩。

that little son of his 他那个小宝贝儿子

That George！乔治那家伙！（含有轻蔑语气）

第二、that 用作代词。

1.that 用作指示代词（复数形式是those），其指代意义同形容词用法，同时它还可以用作定语从句中的先行词；还可为了避免重复，代替前述名词。That is what he told me.What is that(which)you have got in your hand? The price of rice is higher than that of flour.2.that 用作关系代词，引导限制性定语从句。先行词可人可物，用法相当于who或which。（但是在下列情况下多用that：先行词既有人又有物时；先行词有形容词最高级、序数词、不定代词、very，only等修饰时；先行词是不定代词时）

He talked about the teachers and schools that he had visited.I think it one of the most wonderful films that the film company has ever produced.She has little information that is useful for our research.Is there anything that I can do for you?

请注意，that 在定语从句中作宾语时通常可省略。The books(that)I sent you will help you in your studies.第三、that 用作连词，引导名词性从句,状语从句和强调句。

1.that名词性从句。

①引导宾语从句。及物动词后的引导词that可省略。I didn't expect(that)he could win the championship.The teacher pointed out that Tom was not working hard enough.② 引导主语从句。通常采用it作形式主语的句型。

That the earth goes around the sun is known to everyone.（It is known to everyone that the earth goes around the sun.）

③引导表语从句。

The trouble is that we are short of money.④引导同位语从句。

引导同位语从句的that和引导定语从句的that是不同的。前者只起语法作用，在从句中不作任何成分；而后者在定语从句中作主语、宾语或表语。举例说明：

The news that he resigned from office surprised us.The idea that he holds is very common nowadays on campus.2.that引导状语从句 ①引导目的状语从句。

Bring it nearer that I may see it better.②引导结果状语从句。What have I done that he should be so angry with me? ③引导原因状语从句。

I am afraid that I will fail in the driving test.④引导让步状语从句。意为“虽然、尽管”。Difficult that/as the task was, they managed to accomplish it on time.⑤引导条件状语从句。意为“假使、假设”。

Supposing that you were in my position, what would you do?

On condition that you were lost in the desert, you should ask for help as soon as possible.3.引导强调句。

It is Mrs.White that makes the decision in her family, not her meek little husband.It is an ill wind that blows nobody good.第四、that用作副词。

1.that用作普通副词。

I was that/so angry I could have hit him.2.that用作关系副词。引导定语从句，可以代替when，where，why或 in which，常可省略。I will never forget the evening(that)/ when we went to the theatre.The house(that)/where I used to live has been knocked down.第五，与that 有关的常见重要短语。

1.in that，意为“既然、因为”。

Criticism and self-criticism is necessary in that it helps us correct our mistakes.2.now that，意为“既然、由于”。

Now that they have taken matters into their hands, the pace of events has quickened.3.see(to it)that，意为“注意、务必做到、保证”。We will see to it that she gets home early.See to it that you are not late again.4.seeing that，意为“鉴于、由于”。

Seeing that it is 8 o'clock, we'll wait no longer.Seeing that he was busy with his work, I didn't disturb him.以上是that主要用法的概述，希望能对大家有所帮助。当然，that还有其他的一些用法，需要我们在学习的过程中不断地积累和总结。

that既可作关系代词，又可作指示代词，用法很多，很多人都拿不准。现介绍 that的用法: 1.在there + be 的句型中，句子的主语是先行词，而且又是物。例如：

There are two novels that I want to read.我要读的有两本小说。

There is no work that can be done now.没有什么工作现在能做的了。

2.当先行词为主句的表语或者关系代词为从句的表语时。例如：

This is the book that was bought yesterday.这就是昨天买的书。Our school is no longer the school that it used to be.我们的学校不再是以前的学校了。

3.以Here is(are)开头的句子时。例如：

Here is a film that will move anyone.这是一部将使任何人受感动的电影。

Here are two books that I will buy.这是我要买的两本书。

4.It is(high)time +定语从句中。例如：

It is time that we should have a rest.我们应该休息了。

It is high time that they started out.他们该动身了。5.当先行词是way等词时，关系代词用that或者in which在定语从句中作方式状语时，在口语中，常可省略。例如：

This is the way that my father did this work.这就是我父亲做此工作的方式。

She admired the way in which I answered the questions.她羡慕我回答问题的方式。

6.在双重限定性定语从句中，如果一个从句用who或者which引导时，那么另一个从句用that引导。例如： He is the student that I have ever see who can jump highest.他是我曾经看到过跳得最高的学生。

My brother studies in the school which is the most beautiful in our city that isn’t far from here.我的弟弟在我们的城市最美丽的学校读书，并且离这儿不远。

7.当先行词被the last , the very 和the only修饰时。例如：

This is the very pen that I am looking for.这正是我找的钢笔。

The only book I want to read is missing.我唯一想看的书不见了。

8.在强调句子中，并且以who ,which, what开头时。例如：

Who was it that was lost ? 究竟是谁迷路了？（此句中，最好不用who来代替that，避免重复。）What was it that you did last week? 你上周究竟做什么了？

9.当先行词有序数词时。例如：

You are the first person that I want to ask for.你是我要见的第一个人。

This is the second book that I have ever written.这是我写的第二本书。

10.当先行词被all, every, no , some, few , little, much, both等修饰时，例如：

This is all that I want to say at the meeting.这就是我在会上要说的。

Have you any books that are worth reading? 你有值的看的书吗？

11.当先行词既指人又指物时。例如：

The professor and his achievement that I heard about are admired by them.我听说的那位教授和他的成就得到他们的赞美。

Let’s talk about the persons and the things that we can remember.让我们谈论能够想起的人和事。

12.当先行词为anything、everything、nothing时，关系代词用that,不用which；但用something时，用which或者that均可。例如： Everything we have seen in China is moving.我们在中国看见的东西件件感人。

I have nothing that is worth reading.我没有什么值得一读的东西。

13.当先行词是疑问代词who时。例如：

Who that you have ever seen can beat him in chess? 你曾见过谁能在棋艺上打败他？ 在there + be 的句型中，句子的主语是先行词，而且又是物。例如：

There are two novels that I want to read.我要读的有两本小说。

There is no work that can be done now.没有什么工作现在能做的了。

2.当先行词为主句的表语或者关系代词为从句的表语时。例如：

This is the book that was bought yesterday.这就是昨天买的书。

Our school is no longer the school that it used to be.我们的学校不再是以前的学校了。

3.以Here is(are)开头的句子时。例如：

Here is a film that will move anyone.这是一部将使任何人受感动的电影。

Here are two books that I will buy.这是我要买的两本书。

4.It is(high)time +定语从句中。例如：

It is time that we should have a rest.我们应该休息了。It is high time that they started out.他们该动身了。

5.当先行词是way等词时，关系代词用that或者in which在定语从句中作方式状语时，在口语中，常可省略。例如：

This is the way that my father did this work.这就是我父亲做此工作的方式。

She admired the way in which I answered the questions.她羡慕我回答问题的方式。

6.在双重限定性定语从句中，如果一个从句用who或者which引导时，那么另一个从句用that引导。例如： He is the student that I have ever see who can jump highest.他是我曾经看到过跳得最高的学生。

My brother studies in the school which is the most beautiful in our city that isn’t far from here.我的弟弟在我们的城市最美丽的学校读书，并且离这儿不远。7.当先行词被the last , the very 和the only修饰时。例如： This is the very pen that I am looking for.这正是我找的钢笔。

The only book I want to read is missing.我唯一想看的书不见了。

8.在强调句子中，并且以who ,which, what开头时。例如： Who was it that was lost ? 究竟是谁迷路了？（此句中，最好不用who来代替that，避免重复。）

What was it that you did last week? 你上周究竟做什么了？

补充：法指导：关系代词that的用法：

1）不用that的情况

a)在引导非限定性定语从句时。

(错)The tree, that is four hundred years old, is very famous here.b)介词后不能用。We depend on the land from which we get our food.We depend on the land that/which we get our food from.2)只能用that作为定语从句的关系代词的情况a)在there be 句型中，只用that，不用which。

b)在不定代词，如：anything, nothing, the one, all, much, few, any, little等作先行词时，只用that，不用which。

c)先行词有the only, the very修饰时，只用that。

d)先行词为序数词、数词、形容词最高级时，只用that。.e)先行词既有人，又有物时。举例：

All that is needed is a supply of oil.所需的只是供油问题。

Finally, the thief handed everything that he had stolen to the police.那贼最终把偷的全部东西交给了警察。