Html css中的可见性和显示之间有什么区别?

Html css中的可见性和显示之间有什么区别?,html,css,Html,Css,我对CSS中使用的这两个术语感到困惑。CSS中的可见性和显示之间有什么区别?用外行的话说,可见性确定元素是否在屏幕上呈现,但不影响布局的执行方式(即浏览器如何计算每个元素在屏幕上的位置及其占用的空间) 另一方面,display专门控制元素在页面上的布局方式;这会影响其可见状态“作为副作用”,因为display:none表示“根本不在布局中包含此元素” 要获得更具技术性的解释,您应该在MDN(,)上查找这些属性的文档,或者阅读W3C规范(和)。一般来说,可见性属性决定是显示、隐藏(使元素透明)还是

我对CSS中使用的这两个术语感到困惑。CSS中的可见性和显示之间有什么区别?

用外行的话说,
可见性
确定元素是否在屏幕上呈现,但不影响布局的执行方式(即浏览器如何计算每个元素在屏幕上的位置及其占用的空间)

另一方面,
display
专门控制元素在页面上的布局方式;这会影响其可见状态“作为副作用”,因为
display:none
表示“根本不在布局中包含此元素”


要获得更具技术性的解释,您应该在MDN(,)上查找这些属性的文档,或者阅读W3C规范(和)。

一般来说,
可见性
属性决定是显示隐藏(使元素透明)还是折叠(从视图中删除图元)

display
属性与其名称不同,它决定了浏览器如何安排这些元素:如内联元素、块、表等


您可以在任何在线参考资源中搜索更多详细信息。

您在谷歌上搜索时一定错过了。我们不要再发明轮子了。我会选择MDN而不是W3Schools:和