css如何改页面布局大小

CSS（Cascading Style Sheets）是一种被广泛应用于 WEB 页面设计的技术，它可以用于改变页面的布局、大小、颜色、字体、背景等等样式方面的属性，从而达到美化、优化页面的效果。

在 CSS 中，可以使用

width

和

height

来改变布局的大小。具体来说，在控制布局大小方面，最基础的属性就是 width 和 height 了。

1.

width

属性：指定元素的宽度。width 可以用像素（px）、百分比（%）和 auto（自动）来设置。

.Box {
  width: 800px;
  height: 600px;
}

上面的代码设置了一个 div 的宽度为 800 像素，高度为 600 像素。这个 div 被赋予了一个类名为 "Box"，在 CSS 中，可以通过类名或 ID 来选择元素，并给它们赋予属性值。

2.

height

属性：指定元素的高度。height 的设置方法与 width 类似，也可以使用像素、百分比和 auto。

.Box {
  width: 80%;
  height: 500px;
}

上面的代码设置了宽度为页面宽度的 80%，高度为 500 像素的 div。百分比可以让元素的宽度和高度根据浏览器窗口大小自适应，而像素设置则可以让元素具有固定的大小。

总的来说，使用 CSS 来改变页面布局大小非常简单，只需要使用 width 和 height 这两个属性加以调整就可以了。同时，通过使用类名、ID 或其他选择器来选择需要调整大小的元素，就能够轻松地对整个页面进行优化和美化。