您的位置:内蒙古11选五开奖5号的 > DIV CSS基础 > 正文

内蒙古11选5彩经网:display 【css显示 隐藏块】属性教程

内蒙古11选五开奖5号的 display none block inline显示隐藏对象

css display
块、显示、隐藏等css属性样式

我们常常使用display样式设置对象及对象内容显示与隐藏。

一、display语法

Block 块对象的默认值。用该值为对象之后添加新行
None 隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间
Inline 内联对象的默认值。用该值将从对象中删除行

二、常用display

1、div{display:block} 有换行作用。

2、div{display:None } 隐藏对象及对象内容。

3、div{display:inline } 在一排显示。
代表案例,对li列表默认一排显示li{display:Inline }

三、display显示与隐藏案例

我们重点讲解常用的display显示对象内容(display:block)与隐藏对象内容(display:None),通过案例介绍。

通常默认html内容是显示,但有时我们想前期他隐藏,鼠标经过一个触发地方,便显示被隐藏内容,这个时候开始时候我们运用display:None,当鼠标经过触发地方时,JS对应调用display:block样式的CSS显示内容。常见Tab滑动门选项卡(鼠标经过栏目,对应内容显示)。

因为HTML在不设置CSS display样式,本身内容是显示的,所以我们这里就只实践通过CSS div display隐藏对象。

1、隐藏案例说明
我们使用css display:none隐藏一个DIV与此DIV标签内的内容。

2、CSS代码片段

<style> 
.thinkcss{ display:none}
<!-- 内蒙古11选五开奖5号的 www.phlmy.com 隐藏案例 -->
</style>

3、HTML代码片段

<div>我显示 第一排</div> 
<div class="thinkcss">我被隐藏 第二排</div>
<div>我显示 第三排</div>

4、案例截图

Display隐藏CSS案例说明截图
Display隐藏CSS案例说明截图

四、display总结

这里特别要说明使用display:none是比较方便的隐藏对象内容方法,比如他们在网页插入第三方统计时候,便会显示CNZZ的图标或文字内容,为了又统计网页网站访问流量,又要通过CSS隐藏掉,我们即可以使用此样式实现;对于一些SEO来说隐藏链接,使用display:none将是一个错误选择,无论display:none是在html标签内使用还是,CSS文件引入,搜索引擎都会识别你使用此属性,搜索引擎也不会读取或索引你此样式里的内容。

相关标签: 隐藏 显示
如需转载,请注明文章出处和来源网址:www.thinkcss.com/css/1099.shtml

日期:2016-11-09 14:11:39 来源:内蒙古11选五开奖5号的 www.phlmy.com 作者:ThinkCSS
  • 图解:从中国新闻奖、长江韬奋奖看人民日报70年 2019-06-27
  • 江夏区宣传干部培训班圆满落幕 荆楚网携手江夏区委宣传部举办 2019-06-26
  • 供应链如何更“智慧” 2019-06-17
  • 推动民营企业创新发展 2019-05-31
  • 【北京中汽双会车型报价】北京中汽双会4S店车型价格 2019-05-31
  • 弘扬光荣传统 勇立时代潮头 忠实履职尽责 2019-05-30
  • 世界很多国家想拥有核弹,但迫于种种原因而没能实现。 2019-05-25
  • 阿呆,那是你家远祖啊,还不跪拜?[哈哈] 2019-05-15
  • 泰国推出“智慧签证”吸引人才 2019-05-15
  • “印象”世界杯:揭幕战红色风暴席卷绿茵场 2019-04-29
  • 衡阳日报社副社长周卫国祝贺人民日报创刊70周年 2019-04-27
  • 国乒在日本全面溃败!刘国梁却在参加综艺节目 2019-04-21
  • 张琳芃球衣事件折射中超不职业 因打亚冠要多道程序 2019-04-21
  • 出租广州市番禺区大龙街东兴路476号4楼物业空置部分 2019-04-17
  • 美媒盘点地球上最强5款战略核潜艇:毁灭世界比外卖都快 2019-04-17
  • 北京单场sp值开奖 公式规律论坛 内蒙古11选5提前软件 秒速时时彩下载在线 电子游戏的利与弊100字 云南十一选五走势图表 混合过关竞彩 天津快乐十分走势全图 喜乐彩票app下载 种植什么最赚钱 贵州11选5开奖走势图百度 大红鹰公式规律 江西多乐彩开奖号 辽宁快乐12走势图跨度 缅甸赌场洗码bana小沫