display是什么意思啊?divstyle="display:none;什么意思?

来源:安卓之家时间:2023-01-19 08:43:55
“display:none”的意思是设置元素不可见并且连盒模型也不生成,一般用于不占空间的隐藏元素。display属性规定元素应该生成的框的类型,当其值为“none”时可以规定元素不生成框,隐藏该元素,可以理解成在页面中把该元素删除掉一样。

1、display:none;

从字面意思上理解为没有展示的内容。

实现代码后,元素内容会直接消失;我们可以在检查器中查看。

h1已经不占据实际尺寸,并且我们在浏览器器无法点击到。因此,能总结出,display:none;会让元素不占据实际尺寸并且无法点击。

2、visibility:hidden;

我们从英文上的直译上会发现他们的意思都是一样的,我们用代码来验证两者是否有区别。

在检查器中,我们能观察到content区域有实际的宽高尺寸,当然在浏览器中肯定是不显示的,我们还会发现之前的内容区域也无法点击。 因此,它会隐藏内容,内容依然会占据实际的宽高尺寸,但是无法进行点击。

3、opacity:0;

opacity是不透明的意思,在css中我们通常用来作为透明度,取值是0~1;当取值为1时,内容完全显示;取值为0时,内容消失。我们先通过代码进行实现。

我们会发现他和visibility:hidden;在检查器中都会占用实际尺寸。我们将鼠标放在内容区域上,光标形状会发生改变。说明内容依然展示在页面上。因此,opacity:0;会隐藏内容,并且占据实际宽高尺寸。

关键词: display:none是什么意思 display:none和visibility:hidden和透明度的区别是什么 display是什么意思啊 divstyle="display:none;什么意思?

相关阅读

推荐阅读

display是什么意思啊?divstyle=

display是什么意思啊?divstyle="display:none;什么意思?

display:none的意思是设置元素不可见并且连盒模型也不生成,一般用于不占空间的隐藏元素。display属性规定元素应该生成的框的类型,当其值更多

2023-01-19 08:43:55
dfu模式刷机的好处?爱思无法从dfu切换到恢复模式?

dfu模式刷机的好处?爱思无法从dfu切换到恢复模式?

第一种方法:正常恢复这个恢复方法是我们在一般的解锁教程中最常用的恢复iPhone固件的方法。1 将iPhone连上电脑,然后将iPhone关机2 同时按更多

2023-01-19 08:35:36
如何清理磁盘无用文件?如何进行磁盘清理?

如何清理磁盘无用文件?如何进行磁盘清理?

1、双击打开计算机,右键点击要清理的磁盘,打开属性;2、点击磁盘清理选项,等待计算完成;3、勾选需要清理的文件,点击删除文件即可。第一更多

2023-01-19 08:32:01
单页面是怎么优化的?单页面seo优化方法是什么?

单页面是怎么优化的?单页面seo优化方法是什么?

1、在网站title上布局重要的关键词;2、合理布局网站的标签;3、文章要突出产品的内容展示;4、整体页面布局,构造上要给用户简洁自然的感觉;5更多

2023-01-19 08:26:40
javabean的目的是什么?javabean有什么用?

javabean的目的是什么?javabean有什么用?

JavaBeans是Java中一种特殊的类,可以将多个对象封装到一个对象(bean)中。特点是可序列化,提供无参构造器,提供getter方法和setter方法访更多

2023-01-19 08:23:58
【全球报资讯】斯凯孚郭明春:电驱时代,汽车轴承面临的现实挑战和应对之策

【全球报资讯】斯凯孚郭明春:电驱时代,汽车轴承

斯凯孚郭明春:电驱时代,汽车轴承面临的现实挑战和应对之策近年来,随着新能源汽车市场高飞猛涨,电驱系统在快速上量的同时,技术上也不断突更多

2023-01-19 07:46:37
环球速读:美国豪华车市场变天:宝马奔驰铩羽,本土品牌25年来首夺冠

环球速读:美国豪华车市场变天:宝马奔驰铩羽,本

美国豪华车市场变天:宝马奔驰铩羽,本土品牌25年来首夺冠在全球第二大汽车市场美国,福特和通用等汽车巨头尽管根基深厚,但在豪华车领域,美更多

2023-01-19 07:44:09
国家级出行平台“强国交通”即将上线

国家级出行平台“强国交通”即将上线

国家级出行平台“强国交通”即将上线据北京日报报道,首个国家级交通出行平台“强国交通”已于近日完成内测,即将迎来上线应用。从曝光的界面更多

2023-01-18 18:36:50
+ 点击查看更多精彩
字节跳动计划投资“大量资金”开发VR领域
    据 Protocol 报道,字节跳动正在认真考虑进入虚拟现实(VR)领域...
任天堂Switch曝光:合作伙伴招聘新游戏机开发工程师
    据外媒报道称,任天堂即将推新一代Switch,其中一个最有力的证据...
途牛发布纳斯达克股价不合规通知函
    4月18日,在途牛收到纳斯达克股价不合规通知函后,途牛方面发布声...
一加新机现身:搭载天玑8100处理器,主打快充和游戏
    今天,一款型号显示为PGKM10的一加新机现身GeekBench,这款新机搭...
紫光国微:预计2022年第一季度净利润同比增长69.9%
    紫光国微发布公告称,预计2022年第一季度归属于上市公司股东的净...
斯坦福大学建造小型太阳能电池板原型
    日前,斯坦福大学的研究人员已经建造了一个小型太阳能电池板原型...
    资讯播报