CSS样式怎么隐藏?

html-css020

CSS样式怎么隐藏?,第1张

使用display:none;来隐藏所有信息(无空白位占据)推荐,CSSdisplay手册查看

使用overflow:hidden;来隐藏溢出的文字或图片适用推荐,CSSoverflow手册查看

使用overflow-y:hidden;和overflow-x:hidden控制滚动条的隐藏与否,CSSoverflow-y手册查看,CSS手册查看overflow-x

CSS:

CSS(层叠样式表)是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。有三种方法可以在站点网页上使用样式表:外部样式表、内部样式表和内联样式。

CSS具有精简代码,降低重构难度、提升网页访问速度、利于SEO优化等优势,能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

根据页面的需要有时候我们需要隐藏一些元素,但当鼠标移到某一个区域的时候,我们希望这些隐藏的元素显示出来。用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'">