|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
Table布局灵活性不大,你只能遵循tabletrtd的格式。而div你可以divulli也可以olli还可以ulli……但标准语法最好有序的写。
年夜多半人很简单将CSS属性display和visibility搅浑,它们看似没有甚么分歧,实在它们的不同倒是很年夜的。
visibility属性用来断定元素是显现仍是埋没,这用visibility="visible|hidden"来暗示,visible暗示显现,hidden暗示埋没。当visibility被设置为"hidden"的时分,元素固然被埋没了,但它仍旧占有它本来地点的地位。例:<scriptlanguage="JavaScript">
functiontoggleVisibility(me){
if(me.style.visibility=="hidden"){
me.style.visibility="visible";
}
else{
me.style.visibility="hidden";
}
}
</script>
<divonclick="toggleVisibility(this)"style="position:relative">
第一行文本将会触发"hidden"和"visible"属性,注重第二行的变更。</div><div>由于visibility会保存元素的地位,以是第二行不会挪动.</div>
效果:
第一行文本将会触发"hidden"和"visible"属性,注重第二行的变更。由于visibility会保存元素的地位,以是第二行不会挪动.注重到,当元素被埋没以后,就不克不及再吸收到别的事务了,以是在第一段代码中,当其被设为"hidden"的时分,就不克不及再吸收呼应到事务了,因而也就没法经由过程鼠标点击第一段文本令其显现出来。另外一方面,display属性就有一点分歧了。visibility属性是埋没元素但坚持元素的浮动地位,而display实践上是设置元素的浮动特性。当display被设置为block(块)时,容器中一切的元素将会被看成一个独自的块,就像<div>元素一样,它会在谁人点被放进到页面中。(实践上你能够设置<span>的display:block,使其能够像<div>一样事情。将display设置为inline,将使其举动和元素inline一样---即便它是一般的块元素如<div>,它也将会被组分解像<span>那样的输入流。最初是display被设置:none,这时候元素实践上就从页面中被移走,它上面地点的元素就会被主动跟上添补。上面看我实例的代码和效果:
例:
<scriptlanguage="JavaScript">
functiontoggleDisplay(me){
if(me.style.display=="block"){
me.style.display="inline";
alert("文本如今是:inline.");
}
else{
if(me.style.display=="inline"){
me.style.display="none";
alert("文本如今是:none.3秒钟后主动从头显现。");
window.setTimeout("blueText.style.display=block;",3000,"JavaScript");
}
else{
me.style.display="block";
alert("文本如今是:block.");
}
}
}
</script>
<div>在<spanid="blueText"onclick="toggleDisplay(this)"
style="color:blue;position:relative;cursor:hand;">蓝色</span>笔墨上点击来检察效果.</div>
效果:
在蓝色笔墨上点击来检察效果.
每个声明内只能有一个属性,如果属性值中含有空格用双引号括起来例,在一个声明块内可以有多个声明,每个声明用分号隔开。 |
|