html中隐藏对象的代码是,display 【css显示 隐藏块】属性教程

CSS display none block inline显示隐藏对象

块、显示、隐藏等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代码片段

.CSS5{ display:none}

3、HTML代码片段

我显示 第一排

我被隐藏 第二排

我显示 第三排

4、案例截图

Display隐藏CSS案例阐明截图

四、display总结

这里顺便要阐明利用display:none是比较方便的隐藏对象内容方法，比如他们在网页插入第三方统计时分，便会显示CNZZ的图标或文字内容，为了又统计网页网站访问流量，又要经过CSS隐藏掉，咱们即可能利用此样式完成；对于一些SEO来说隐藏链接，利用display:none将是一个谬误抉择，无论display:none是在html标签内利用还是，CSS文件引入，搜查引擎都会辨认你利用此属性，搜查引擎也不会读取或索引你此样式里的内容。