css 页宽 隐藏 |html5与css区别

页宽是指页面的宽度，在CSS中通过设置width属性来控制。通常，大家会设置一个固定宽度，比如800px，来使页面看起来更加美观协调。

body {
width: 800px;
margin: 0 auto;
}

上述CSS代码中，大家设置了body元素的宽度为800px，并将其在页面居中显示。

另外，还有一种自适应宽度的方法，即使用百分比来表示宽度。例如，设置body元素的宽度为80%：

body {
width: 80%;
margin: 0 auto;
}

这种方法可以使页面根据屏幕大小自动适应，适合于响应式布局。

接下来，大家再来看一下隐藏属性。在前端开发中，隐藏元素是比较常见的需求，特别是在一些交互和动态效果中。实现隐藏元素的方式有很多，这里简单介绍两种：

第一种是通过display属性来控制元素的显示和隐藏。如果将某个元素的display设置为none，则该元素将被完全隐藏。

.hidden {
display: none;
}

上面的CSS代码中，大家为class为hidden的元素设置了display:none，这样它就会被隐藏起来。

第二种方式是通过visibility属性来控制元素的可见性。如果将某个元素的visibility设置为hidden，则该元素在页面上不可见，但是仍然占用页面的空间。

.hidden {
visibility: hidden;
}

上述CSS代码中，大家同样为class为hidden的元素设置了属性，此时元素在页面上不可见，但是仍然占用了原本的空间。

以上就是关于页宽和隐藏的简要介绍，希望对大家有所帮助。