css使div块元素显示隐藏的方法

　　CSS提供了两个标签用于使HTML块级元素或文本隐藏，这两个标签就是display和visiblity。虽然两个元素都可以使HTML元素隐藏，但达到的效果却相差很多，尤其是对网站设计的布局和搜索引擎对网站的评级上。以下是青锋建站给大家介绍的display和visiblity的使用区别。

1.display:none;属性

• 使用display属性会使所在的元素脱离父元素，就是好像不存在一样，不占据文档流，使用上可以和浮动元素的功能相联系。
• 搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略。
• 屏幕阅读器（是为视觉上有障碍的人设计的读取屏幕内容的程序）会忽略被隐藏的文字。
• 一般使display属性可以制作显示隐藏功能的页面特效，如导航栏下拉效果等。

2. visibility: hidden ;属性

• visibility属性和display属性的区别就是隐藏的内容会占据他所应该占据物理空间，如果所在的父元素有内容，会显示空白。
• 使用visibility属性可以配合HTML5动画功能制作网页入场动画效果，就如同青锋建站的首页一样

3.overflow:hidden;属性

• 当子元素的宽度或高度超过父元素的大小时，使用overflow属性设置超出后的处理方法，当值为hidden时，将隐藏。

4、隐藏文本的另类方法

• 使文字的颜色和颜色相同，可以达到隐藏文本的目的，但应该引起注意，这种方法会对搜索引擎不友好，容易被降权。

　以上就是青锋建站给大家介绍的display和visiblity的使用区别。青锋建站，提供专业的高品质网站制作服务，包括网站建设，SEO，网络营销，PHP开发，网站建设知名品牌，全国接单，专业做优化型网站，为企业构建营销平台。

转载请注明来源网址：青锋建站-http://www.sjzphp.com/webdis/displayvly.html