您现在的位置是:心海E站 > 文案短句 > >正文
cssdiv(DIV+CSS到底是什么意思)
发布时间:2023-11-07 09:18:12 admin 阅读:59
1、简单的说就是一个标签我们都知道,在网页上利用HTML定位文字和图象是一件“令人心痛”的事情。
2、我们必须使用表格标签和隐式GIF图象,即使这样也不能保证定位的精确,因为浏览器和操作平台的不同会使显示的结果发生变化。
3、而CSS能使你看到希望的曙光。
4、利用今天我们即将学到的CSS属性,你可以精确地设定要素的位置,还能将定位的要素叠放在彼此之上,还有...还有......你自己慢慢看吧!CascadingStyleSheets(CSS)是DHTML的基础。
5、CSS用来设定你网页上的元素是如何展示的。
6、CascadingStyleSheetsPositioning(CSS-P)是CSS的一个扩展,它可用来控制任何东西在网页上或是说在窗口中的位置。
7、请你记住这两个名词、CSS和CSS-P。
8、下面四个英文网址提供了详细的关于CSS和CSS-P的文件和解释。
9、●使用DIV标签(div)当我们使用CSS-P的时候,我们主要把它用在DIV(division)tag上。
10、当你把文字,图象,或其他的放在DIV中,它可称作为“DIVblock”,或“DIVelement”或“CSS-layer”,或干脆叫“layer”。
11、而中文我们把它称作“层次”。
12、所以当你以后看到这些名词的时候,你就知道它们是指一段在DIV中的HTML。
13、使用DIV的方法跟使用其他tag的方法一样、ThisisaDIVtag.如果单独使用DIV而不加任何CSS-P,那么它在网页中的效果和使用是一样的。
14、但当我们把CSS-P用到DIV中去以后,我么就可以严格设定它的位置。
15、首先我们需要给这个可以被CSS-P控制的DIV一个ID或说是它的名字。
16、比如说我们给下面这个DIV的名字是truck。
17、给名字的目的是我们以后可用JavaScript来控制它,比如说移动它或改变它的一些性质等等。
18、Thisisatruck给层次取什么名字是随意的,名字可以是任何英文字母和数字,但第一个必须是字母。
19、有两种把CSS-P应用到DIV的方法。
20、InlineCSS、Inline是最常用的方法。
21、Thisisatruck.ExternalSTYLEtag、使用External方法的结果是一样的。
22、我们会在以后的课程里再详细解释这种方法。
23、现在我们主要讨论Inline方法。
24、请注意在External方法里,在STYLE里的ID和DIV里的关系。
25、Thisisatruck.Cross-BrowserCSS性质、我们这个课程的主要目的是让你写出的网页在NS4和IE4上都能工作,所以我们主要讨论那些对俩者都通用的性质。
26、下面这些性质符合由W3C给出的标准。
27、position决定DIVtag是如何放置的。
28、“relative”意思是DIV的位置是相对于其他tag的,而“absolute”是说DIVtag的位置是相对于它所在的窗口。
29、left相对于窗口左边的位置top相对于窗口上边的位置widthDIVtag的宽度。
30、所有在DIV里的文字或html都在里面。
31、heightDIVtag的高度。
32、这个性质很少用除非你想Clip层次。
33、clip给出layer的clipping(可看的见的)部分。
34、Clip可使得DIV显示为一个可以定义的很准确的方块。
35、你可以用以下的四个值来给出这个方块的在DIV位置和大小。
36、clip、rect(top,right,bottom,left)visibility隐蔽或展现DIV根据它的值“visible”,“hidden”,“inherit”。
37、z-indexDIVtag的立体位置。
38、值越大DIV的位置越高。
39、background-colorDIV背景的颜色。
40、layer-background-colorNetscape的DIV背景颜色。
41、background-imageDIV的背景图象。
42、layer-background-imageNetscape的DIV的背景图象。
43、●绝对定位和相对定位(position)绝对定位、定位属性将是网虫们打开幸福之门的钥匙、H4{position、absoluteleft、100pxtop、43px}这项CSS规则让浏览器将的起始位置精确地定在距离浏览器左边100象素,距离其顶部43象素的位置。
44、注意这里唯一设置了的是左边和顶部,也就说,文字将从左到右,从上到下载入浏览窗口。
45、左边和顶部属性很直观,左边(left)设定要素距浏览器窗口左边的距离,顶部(top)设定距离浏览器窗口顶部的距离。
46、设定这些距离时,你可以使用所学过的各种度单位或比例值。
47、使用比例值时,比例值的是相对于母体要素的尺寸。
48、你可以定位什么呢?任何东西!段落、单词、GIF和JPEG图象、QUICKTIME电影等等。
49、相对定位、绝对定位使你能精确地定位要素在页面的独立位置,而不考虑页面其它要素的定位设置。
50、相对定位指你所定位的要素的位置相对于在文件中所分配的位置。
51、例、I{position、relativeleft、40pxtop、10px}相对定位的关键在于定位了的要素的位置是相对于它通常应在的位置进行定位。
52、相对定位单元出现在普通的静态定位单元的行间,定位时没有把自己和静态定位单元完全分开。
53、如果你停止使用相对定位,则文字的显示位置将恢复正常。
54、使用相对定位时要小心,否则容易将页面弄得非常乱。
55、除了相对定位和绝对定位,你还可以使用static(静止)参数值。
56、Static是position特性的缺省值。
57、它的使用方法同普通HTML中的定位方法,不能附加特殊的定位设置。
58、也就是说,除了边距特性,或通过使用float特性来浮动单元可影响单元的定位外,其它均不可以。
59、●定位单元的控制(width、height、visiblility)除了控制定位单元的左上角位置,你还可以控制单元的宽度和高度,及单元在页面的可视性。
60、宽度、定位了的要素在页面上显示时仍然会从左到右一直显示。
61、利用宽度属性就可以设定字符向右流动的限制,即设定要素的宽度。
62、DIV{position、absoluteleft、200pxtop、40pxwidth、150px}浏览器接到这项规则时,它将文字按照规则规定的效果显示,还将段落的最大水平尺寸限制在150象素。
63、宽度属性只适用于绝对定位的要素。
64、你可以使用我们学过的任何一种长度单位,或使用比例值设定宽度,比例值指相对于母体要素的比例。
65、IE4中,这项属性还可用于图象。
66、你可以通过宽度设置人为地拉宽或压缩图象。
67、高度、理论上讲,高度应该和宽度的设置类似,只不过是在垂直方向上、DIV{position、absoluteleft、200pxtop、40pxheight、150px}这里我用了“理论上讲”,因为有些浏览器不支持高度属性。
68、可视性、利用CSS,你可以隐藏要素,使其在页面上看不见。
69、这条属性对于定位了的和未定位的要素都适用。
70、H4{visibility、hidden}选项、visible使要素可以被看见hidden使要素被隐藏inherit指它将继承母体要素的可视性设置。
71、值inherit为缺省值。
72、这使单元继承父单元的可见性。
73、所以,如果某一段是隐藏的,则它包含的任何行间单元也都被隐藏。
74、这一继承性可被明确指定的可见性取代。
75、例如,段内的EM单元被指定为可见,这时如果该段被隐藏,则段内的所有其它内容都将消失,而唯有EM单元中的文本是可见的。
76、当一个要素被隐藏后,它仍然要占据浏览器窗口中的原有空间。
77、所以,如果你将文字包围在一幅被隐藏的图象周围,那么,其显示效果将是文字包围着一块空白区域。
78、此新闻这条属性在编写语言和使用动态HTML时很有用,比如你可以使某段落或图象只在鼠标滑过时才显示。
79、●单元层次(z-index)特性z-index用于堆叠屏幕上的单元。
80、缺省情况下,单元堆叠的顺序为它们出现在HTML标记的顺序——也就是说,后出现单元堆叠在早出现单元的上面。
81、Z-index特性实际上定义同属(sibling)单元的堆叠顺序以及单元相对父单元的堆叠。
82、按照规范草案,具有正z-index值的单元群都堆叠在父单元之上,它们自己的堆叠顺序则按其取值的大小来决定(值大的单元在上层)。
83、同样,具有负z-index值的单元群都堆叠在父单元之下,它们自己的堆叠顺序也按取值的大小来定(值大的单元在上层,例如值为-1的单元在值为-2的单元的上面)。
84、该参数值使用纯整数。
85、z-index用于绝对定位或相对定位了的要素。
86、你也可以给图象设定z-index。
87、(对于Communicator,最好将标签包在或标签内,然后将z-index应用到或。
88、)●剪辑绝对定位单元(clip)绝对定位单元可以被剪辑——也即剪辑显示给用户的区域,只显示单元的一部分而把其余部分作透明处理。
89、对于传统的基于文本和图像的网络页面,这并不是一个很有用的特征。
90、但若要求多媒体页面,这是很有用的。
91、如NetscapeCommunivator4和InternetExplorer4都支持多媒体页面,它们通过文档的脚本接口动态地调整单元周围的剪辑区,从而实线文本“划入”和图像渐显等显示特征。
92、在CSS中,剪辑通过clip特性来控制,这一特性只能用于绝对定位单元,其缺省值为auto,按单元的外边缘来剪辑单元(实际上等于没有剪辑)。
93、另外,可通过如下表达式设置剪辑框、clip、rect(top,right.bottom,left)其中top、right、bottom和left分别是矩形剪辑框的上边、右边、下边和左边相对于被剪辑单元左上角的位置。
94、Top、right、bottom和left的值可以为任意绝对或相对长度值(但不能为百分比值),或者是关键字auto。
95、取值为auto意味着剪辑区域的各边放好以后,被剪辑单元中的任何内容都不会超出这个区域。
96、●控制单元溢出(overflow)固定绝对或相对定位单元的width和height,很可能会因为指定的区域不能满足单元实际内容的需要,而造成单元内容溢出。
97、这时可使用overflow来指定浏览器如何处理溢出、值none(缺省值)允许浏览器显示溢出的内容,因此单元可溢出指定的区域。
98、而值clip要求浏览器在单元底部和右边剪辑单元内容,这样,超出指定区域的单元内容将不显示。
99、值scroll也同样要求浏览器在单元底部和右边剪辑单元内容(同clip),不过,浏览器应该(如果可能的话)为单元提供滚动条以使用户能通过滚动来浏览被剪辑的内容。
二、前端代码div+css是什么意思?1、前端代码div+css,就是现在一种网页设计的一种实现方式,通过div+css,可以现在对一些杂乱无章的图片和文字,进行排版和使用,从而实现了人们通常看到的漂亮的网页。
2、具体看下代码、宽度的学习导航条店铺图片左侧目录右侧内容尾区尾招这就是一个网页的布局框架,内容就只需要自己去添加就可以了。
三、DIV+CSS 中CSS 是什么意思?1、前端代码div+css,就是现在一种网页设计的一种实现方式,通过div+css,可以现在对一些杂乱无章的图片和文字,进行排版和使用,从而实现了人们通常看到的漂亮的网页。
四、什麼是HTML+CSS+DIV, 招聘经常见到, 主要不明DIV是什麼?1、前端代码div+css,就是现在一种网页设计的一种实现方式,通过div+css,可以现在对一些杂乱无章的图片和文字,进行排版和使用,从而实现了人们通常看到的漂亮的网页。
五、css中div的用法?1、DIV本身就是容器性质的,不但可以内嵌table还可以内嵌文本和其它的HTML代码。
2、CSS是CascADIngstyleSheets的简称,中文译作“层叠样式表单”,在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
3、只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者所有页数的网页的外观和格式。
4、Div+CSS标准具有以下优点、因为采用CSS布局,不象表格布局充满各种各样的属性和数字,而且很多css文件通常是共用的,从而大大缩减页面代码,提高页面浏览速度。
5、结构清晰,对搜索引擎更加友好。
6、更容易被搜索引擎收录,具备搜索引擎SEO的先天条件,配合优秀的内容和一些SEO处理,可以获得更好的网站排名。
7、兼容性更好,符合web标准规范的发展趋势,可以在几乎所有的浏览器上都可以使用,不会出现在不同的浏览器中效果差距很大的情况。
8、缩短改版时间,因为网站的布局都是通过外部的css文件来控制,只要简单的修改几个CSS文件就可以将许多网页的风格格式同时更新,不用再一页一页地更新了。
9、你可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。
10、强大的字体控制和排版能力,CSS控制字体的能力比糟糕的FONT标签好多了,CSS不再需要用FONT标签或者透明的1px图片来控制标题、改变字体颜色、字体样式等等。
11、提高易用性,使用CSS可以结构化HTML,例如、p标签只用来控制段落,h1-h6标签只用来控制标题,table标签只用来表现格式化的数据等等。
12、你可以增加更多的用户而不需要建立独立的版本。
13、更好的扩展性。
14、你的设计不仅仅用于web浏览器,也可以发布在其他设备上,比如PowerPoint等。
15、更灵活控制页面布局,通常页面的下载是按照代码的排列顺序,而表格布局代码的排列代表从上向下,从左到右,无法改变。
16、而通过CSS控制,您可以任意改变代码的排列顺序,比如将重要的右边内容先加载出来。
17、表现和内容相分离,干净利落,将设计部分剥离出来放在一个独立样式文件中,而网页主要来放置您的内容,你可以减少未来网页无效的可能。
18、更方便搜索引擎收录,并获得更高的评价。
19、用只包含结构化内容的HTML代替嵌套的标签,主次分明,搜索引擎将更有效地搜索到你的内容,并可能给你一个较高的评价(ranking)。
20、Table表格布局灵活性不大,你只能遵循tabletrtd的格式。
21、而div你可以divulli也可以olli还可以ulli......Table表格布局中,垃圾代码会很多,一些修饰的样式及布局的代码混合一起,很不利于直观。
22、而Div更能体现样式和结构相分离,结构的重构性强。
23、以前一些必须通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。
六、为什么用div+css的min1、为什么用div+css的min把width,height用%的时候用min-width、最小宽度min-height、最小高度为什么用div+css切图,切著板块乱飞啊?结构不合理才会乱飞,先上下后左右布局,上下布局全部清除浮动,左右布局全部左浮动。
2、为什么用DIV+CSS排版时,我的网页总是错位?DIV+CSS布局是需要精确计算各个宽度的,比如你分成三栏,每个栏的宽度是多少,栏间距是多少,这都得计算精确,确保总和不超过设定的宽度,这样,就不会错位了。
3、Div+CSS技术是干什么用的?HTML是用来描述网页的一种语言。
4、超文字标记语言CSS指层叠样式表(CascadingStyleSheets)样式定义如何显示HTML元素css样式会让其HTML页面显示更美观div+css好学吗?学好有什么用div+css是网页布局就是对一个网页的介面进行布局包括在哪插入图片图片位置在哪图片是否设定背景页面文字大小还有浮动视窗还有一些比如滑鼠移到字上时字就变颜色变成红色之类的如果你要学的话先学、在学div+css这样比较好为什么网站要用div+css排版因为div+css排版相比table布局有很多优点啊,例如、缩减程式码,提高页面浏览速度。
5、结构清晰,对搜寻引擎更加友好。
6、网页修改简单,缩短改版时间。
7、强大的字型控制和排版能力。
8、使用CSS可以结构化,提高易用性。
9、更好的扩充套件性。
10、更灵活控制页面布局。
11、表现和内容相分离,可以减少未来网页无效的可能。
12、更方便搜寻引擎收录,并获得更高的评价。
13、(ranking)。
14、优化了表结构。
15、不会出现垃圾程式码。
16、更快载入带有图片的页面。
17、为什么使用DIV+CSS来制作网站现今DIV+CSS制作网页已经成为了一种新的标准,所以很多网页设计师都从使用Table表格转入使用DIV+CSS.但也有很多人不知道为什么要使用DIV+CSS,从而造成了一种错误的观念,即table比DIV好用得多,DIV排版又那么复杂难学,所以没必要浪费时间在那上面,下面就来说说在学习DIV+CSS后对这种网页制作新标准的一些好处。
18、首先现在已经不是以前,上网时绝大部分人用的是IE浏览器了,如一些人更喜欢用FireFox、NetScape、opera,后三种浏览器现在已经支援新的WEB标准,而新的IE7也将完全支援这一WEB标准,这意味着当你再用这些浏览器开启一些旧网页时可能会看见一副惨不忍睹的页面,究其原因就是新的WEB标准规范了一些页面布局模式(DIV、table)和CSS功能,这使得网页更规范化,我认为它所带来的最大好处就是这样的网页更易于被搜寻引擎搜寻和分析网页内容。
19、为什么现在很多用DIV+TABLE而不是DIV+CSSLZ先弄明白DIV和table都是XHTML得元素,他们都是组成页面的元素的一种,都是一种标签。
20、table是比较早的标签,他有很多优点,布局简单,而且写起来快,相容浏览器好,但程式码复杂,后期维护复杂,而且速度慢,最重要的是搜寻引擎对table不感冒。
21、要做seo优化,一般不会用table页面的。
22、div就把它当成table的替代品,是table的升级版,利用div可以做table的任何事情。
23、但table和div都是页面的元素。
24、css指的是样式,就好比网页的元素标签是好多个人,css就是他们的衣服,你给他们穿军装他们就是军人,穿警服他们就是警察,穿白大褂就是医生。
25、css可以用来定义网页任何元素,包括table和div。
26、DIV+CSS是泛指利用div页面布局,用css来定义样式的一种布局方式,是现在的主流,灵活性好,速度快,因为div和css是分离的,所以维护性也好,换个css档案,页面能全变了,程式码相对简单,实现功能也比较多,最重要的是利于搜寻引擎搜寻到。
27、ps、div+table不是个名词吧,LZ在哪里听到的...为什么DIV+CSS的超级连结没有用你问的不是很清楚,是不是问怎么在页面中呼叫css样式表呢?怎么用DIV+CSS做前台在中间部分程式设计。
七、css里的div指的是什么1、简单的说就是一个标签我们都知道,在网页上利用HTML定位文字和图象是一件“令人心痛”的事情。
2、我们必须使用表格标签和隐式GIF图象,即使这样也不能保证定位的精确,因为浏览器和操作平台的不同会使显示的结果发生变化。
3、而CSS能使你看到希望的曙光。
4、利用今天我们即将学到的CSS属性,你可以精确地设定要素的位置,还能将定位的要素叠放在彼此之上,还有...还有......你自己慢慢看吧!CascadingStyleSheets(CSS)是DHTML的基础。
5、CSS用来设定你网页上的元素是如何展示的。
6、CascadingStyleSheetsPositioning(CSS-P)是CSS的一个扩展,它可用来控制任何东西在网页上或是说在窗口中的位置。
7、请你记住这两个名词、CSS和CSS-P。
8、下面四个英文网址提供了详细的关于CSS和CSS-P的文件和解释。
9、●使用DIV标签(div)当我们使用CSS-P的时候,我们主要把它用在DIV(division)tag上。
10、当你把文字,图象,或其他的放在DIV中,它可称作为“DIVblock”,或“DIVelement”或“CSS-layer”,或干脆叫“layer”。
11、而中文我们把它称作“层次”。
12、所以当你以后看到这些名词的时候,你就知道它们是指一段在DIV中的HTML。
13、使用DIV的方法跟使用其他tag的方法一样、ThisisaDIVtag.如果单独使用DIV而不加任何CSS-P,那么它在网页中的效果和使用是一样的。
14、但当我们把CSS-P用到DIV中去以后,我么就可以严格设定它的位置。
15、首先我们需要给这个可以被CSS-P控制的DIV一个ID或说是它的名字。
16、比如说我们给下面这个DIV的名字是truck。
17、给名字的目的是我们以后可用JavaScript来控制它,比如说移动它或改变它的一些性质等等。
18、Thisisatruck给层次取什么名字是随意的,名字可以是任何英文字母和数字,但第一个必须是字母。
19、有两种把CSS-P应用到DIV的方法。
20、InlineCSS、Inline是最常用的方法。
21、Thisisatruck.ExternalSTYLEtag、使用External方法的结果是一样的。
22、我们会在以后的课程里再详细解释这种方法。
23、现在我们主要讨论Inline方法。
24、请注意在External方法里,在STYLE里的ID和DIV里的关系。
25、Thisisatruck.Cross-BrowserCSS性质、我们这个课程的主要目的是让你写出的网页在NS4和IE4上都能工作,所以我们主要讨论那些对俩者都通用的性质。
26、下面这些性质符合由W3C给出的标准。
27、position决定DIVtag是如何放置的。
28、“relative”意思是DIV的位置是相对于其他tag的,而“absolute”是说DIVtag的位置是相对于它所在的窗口。
29、left相对于窗口左边的位置top相对于窗口上边的位置widthDIVtag的宽度。
30、所有在DIV里的文字或html都在里面。
31、heightDIVtag的高度。
32、这个性质很少用除非你想Clip层次。
33、clip给出layer的clipping(可看的见的)部分。
34、Clip可使得DIV显示为一个可以定义的很准确的方块。
35、你可以用以下的四个值来给出这个方块的在DIV位置和大小。
36、clip、rect(top,right,bottom,left)visibility隐蔽或展现DIV根据它的值“visible”,“hidden”,“inherit”。
37、z-indexDIVtag的立体位置。
38、值越大DIV的位置越高。
39、background-colorDIV背景的颜色。
40、layer-background-colorNetscape的DIV背景颜色。
41、background-imageDIV的背景图象。
42、layer-background-imageNetscape的DIV的背景图象。
43、●绝对定位和相对定位(position)绝对定位、定位属性将是网虫们打开幸福之门的钥匙、H4{position、absoluteleft、100pxtop、43px}这项CSS规则让浏览器将的起始位置精确地定在距离浏览器左边100象素,距离其顶部43象素的位置。
44、注意这里唯一设置了的是左边和顶部,也就说,文字将从左到右,从上到下载入浏览窗口。
45、左边和顶部属性很直观,左边(left)设定要素距浏览器窗口左边的距离,顶部(top)设定距离浏览器窗口顶部的距离。
46、设定这些距离时,你可以使用所学过的各种度单位或比例值。
47、使用比例值时,比例值的是相对于母体要素的尺寸。
48、你可以定位什么呢?任何东西!段落、单词、GIF和JPEG图象、QUICKTIME电影等等。
49、相对定位、绝对定位使你能精确地定位要素在页面的独立位置,而不考虑页面其它要素的定位设置。
50、相对定位指你所定位的要素的位置相对于在文件中所分配的位置。
51、例、I{position、relativeleft、40pxtop、10px}相对定位的关键在于定位了的要素的位置是相对于它通常应在的位置进行定位。
52、相对定位单元出现在普通的静态定位单元的行间,定位时没有把自己和静态定位单元完全分开。
53、如果你停止使用相对定位,则文字的显示位置将恢复正常。
54、使用相对定位时要小心,否则容易将页面弄得非常乱。
55、除了相对定位和绝对定位,你还可以使用static(静止)参数值。
56、Static是position特性的缺省值。
57、它的使用方法同普通HTML中的定位方法,不能附加特殊的定位设置。
58、也就是说,除了边距特性,或通过使用float特性来浮动单元可影响单元的定位外,其它均不可以。
59、●定位单元的控制(width、height、visiblility)除了控制定位单元的左上角位置,你还可以控制单元的宽度和高度,及单元在页面的可视性。
60、宽度、定位了的要素在页面上显示时仍然会从左到右一直显示。
61、利用宽度属性就可以设定字符向右流动的限制,即设定要素的宽度。
62、DIV{position、absoluteleft、200pxtop、40pxwidth、150px}浏览器接到这项规则时,它将文字按照规则规定的效果显示,还将段落的最大水平尺寸限制在150象素。
63、宽度属性只适用于绝对定位的要素。
64、你可以使用我们学过的任何一种长度单位,或使用比例值设定宽度,比例值指相对于母体要素的比例。
65、IE4中,这项属性还可用于图象。
66、你可以通过宽度设置人为地拉宽或压缩图象。
67、高度、理论上讲,高度应该和宽度的设置类似,只不过是在垂直方向上、DIV{position、absoluteleft、200pxtop、40pxheight、150px}这里我用了“理论上讲”,因为有些浏览器不支持高度属性。
68、可视性、利用CSS,你可以隐藏要素,使其在页面上看不见。
69、这条属性对于定位了的和未定位的要素都适用。
70、H4{visibility、hidden}选项、visible使要素可以被看见hidden使要素被隐藏inherit指它将继承母体要素的可视性设置。
71、值inherit为缺省值。
72、这使单元继承父单元的可见性。
73、所以,如果某一段是隐藏的,则它包含的任何行间单元也都被隐藏。
74、这一继承性可被明确指定的可见性取代。
75、例如,段内的EM单元被指定为可见,这时如果该段被隐藏,则段内的所有其它内容都将消失,而唯有EM单元中的文本是可见的。
76、当一个要素被隐藏后,它仍然要占据浏览器窗口中的原有空间。
77、所以,如果你将文字包围在一幅被隐藏的图象周围,那么,其显示效果将是文字包围着一块空白区域。
78、此新闻这条属性在编写语言和使用动态HTML时很有用,比如你可以使某段落或图象只在鼠标滑过时才显示。
79、●单元层次(z-index)特性z-index用于堆叠屏幕上的单元。
80、缺省情况下,单元堆叠的顺序为它们出现在HTML标记的顺序——也就是说,后出现单元堆叠在早出现单元的上面。
81、Z-index特性实际上定义同属(sibling)单元的堆叠顺序以及单元相对父单元的堆叠。
82、按照规范草案,具有正z-index值的单元群都堆叠在父单元之上,它们自己的堆叠顺序则按其取值的大小来决定(值大的单元在上层)。
83、同样,具有负z-index值的单元群都堆叠在父单元之下,它们自己的堆叠顺序也按取值的大小来定(值大的单元在上层,例如值为-1的单元在值为-2的单元的上面)。
84、该参数值使用纯整数。
85、z-index用于绝对定位或相对定位了的要素。
86、你也可以给图象设定z-index。
87、(对于Communicator,最好将标签包在或标签内,然后将z-index应用到或。
88、)●剪辑绝对定位单元(clip)绝对定位单元可以被剪辑——也即剪辑显示给用户的区域,只显示单元的一部分而把其余部分作透明处理。
89、对于传统的基于文本和图像的网络页面,这并不是一个很有用的特征。
90、但若要求多媒体页面,这是很有用的。
91、如NetscapeCommunivator4和InternetExplorer4都支持多媒体页面,它们通过文档的脚本接口动态地调整单元周围的剪辑区,从而实线文本“划入”和图像渐显等显示特征。
92、在CSS中,剪辑通过clip特性来控制,这一特性只能用于绝对定位单元,其缺省值为auto,按单元的外边缘来剪辑单元(实际上等于没有剪辑)。
93、另外,可通过如下表达式设置剪辑框、clip、rect(top,right.bottom,left)其中top、right、bottom和left分别是矩形剪辑框的上边、右边、下边和左边相对于被剪辑单元左上角的位置。
94、Top、right、bottom和left的值可以为任意绝对或相对长度值(但不能为百分比值),或者是关键字auto。
95、取值为auto意味着剪辑区域的各边放好以后,被剪辑单元中的任何内容都不会超出这个区域。
96、●控制单元溢出(overflow)固定绝对或相对定位单元的width和height,很可能会因为指定的区域不能满足单元实际内容的需要,而造成单元内容溢出。
97、这时可使用overflow来指定浏览器如何处理溢出、值none(缺省值)允许浏览器显示溢出的内容,因此单元可溢出指定的区域。
98、而值clip要求浏览器在单元底部和右边剪辑单元内容,这样,超出指定区域的单元内容将不显示。
99、值scroll也同样要求浏览器在单元底部和右边剪辑单元内容(同clip),不过,浏览器应该(如果可能的话)为单元提供滚动条以使用户能通过滚动来浏览被剪辑的内容。
八、DIV和CSS什么关系?1、简单的说就是一个标签我们都知道,在网页上利用HTML定位文字和图象是一件“令人心痛”的事情。
九、制作网页时大家常说的CSS和DIV指的是什么?1、所有的设计第一步就是构思,构思好了,一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来,以下是我构思好的界面布局图。