当前位置: 主页 > 建站教程 >

css使块元素隐藏的方法

发布时间:2017-10-06 09:36:33 作者:admin
  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、隐藏文本的另类方法

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

最新发布MORE

  • 外贸网站源码建站程序_青锋建站
  • 外贸建站如何增加询盘_青锋建站
  • html+css学习制作静态网页
  • 如何做好外贸网站建设_青锋建站
  • 外贸网站建设时域名这样选择才好_青锋建站
  • 论外贸网站建设的重要性_青锋建站
  • 外贸网站建设这样做才好_青锋建站
  • 网站建设中用于WEB开发的几种编程语言_石家庄青锋建站
  • 为什要选择PHP编程语言进行网站开发_石家庄青锋建站
  • 网站banner设计_网站建设
  • 石家庄网站建设   石家庄网络公司   网站建设教程   网络营销技巧   石家庄SEO   建站分站   石家庄网络营销   网站案例   青锋工作室
  • 联系电话:15632335515   QQ:943703539
  • 联系地址:石家庄高新区汾河道69号
  • Copyright © 2016-2026 青锋建站 版权所有
  • 15632335515