display 属性指定元素的显示类型，它决定了元素如何在页面上布局。

• block（块级） 元素显示为块级元素，占据整行（如div,p）。可以设置宽度、高度、内外边距。
• inline（内联） 元素在一行内显示（如span,a）。不能设置宽高，内外边距只对左右有效。
• inline-block 结合block和inline的特性：可以与其他元素在同一行显示，同时可以设置宽高和内外边距。
• none 元素完全隐藏，不占据空间，不会被渲染。
• flex 使元素成为弹性容器，其子元素可以灵活布局（现代布局利器）。
• grid 使元素成为网格容器，可以创建二维布局（更强大的布局工具）。

visibility 属性控制元素是否可见，但不改变布局。

• visible（可见） 默认值，元素正常显示在页面上。
• hidden（隐藏） 元素不可见，但仍占据空间，会影响页面布局。
• collapse（折叠） 主要用于表格元素（tr, tbody等），隐藏表格行/列且不占用空间。对于其他元素，效果与hidden相同。

重要特性： visibility属性可继承，意味着如果父元素设置visibility:hidden，其所有子元素也会被隐藏。