css控制html隐藏和显示的属性是什么,两种,区别又是什么

html-css07

css控制html隐藏和显示的属性是什么,两种,区别又是什么,第1张

display:none 与 visibility:hidden

display是隐藏不占据空间 后面的元素会挤到该元素的空间

visibility:hidden是隐藏且占据空间 也就是说元素还是在的 就只是你看不见它而已

根据页面的需要有时候我们需要隐藏一些元素,但当鼠标移到某一个区域的时候,我们希望这些隐藏的元素显示出来。用css网页布局,我们该如何实现呢?首先我们将这一隐藏元素在页面中隐藏掉,可以应用displasy属性,关于displasy属性可以参考这里。我们再对链接添加onMouseOver、onMouseOut的小脚本,改变displasy属性的相关值,让隐藏的元素显示出来即可。我们看下面的xhtml代码:http://www.it130.cn/" style="color:blue" onMouseOver="document.all.hehe.style.display='block'" onMouseOut="document.all.hehe.style.display='none'">