在網頁設計中，CSS（層疊樣式表）是不可或缺的一部分。CSS允許我們改變網頁的布局、顏色、字體和大小等，這使得網頁變得更加靈活和美觀。其中一個關鍵的方面是如何設置網頁的大小。

CSS提供了兩種基本的方法來設置網頁的大小：一種是通過修改網頁中的HTML元素尺寸來改變網頁的大小，另一種方法是通過設置瀏覽器窗口的大小來改變網頁的大小。

第一種方法是使用CSS屬性width和height來修改HTML元素的尺寸。這兩個屬性控制元素的寬度和高度，以像素為單位。例如，下面的CSS樣式將設置一個寬度為500像素，高度為300像素的div元素：

div {
width: 500px;
height: 300px;
}

請注意，元素的大小可以通過設置其他CSS屬性來調整。例如，padding和border屬性將增加元素的實際大小，而margin屬性將擴展元素的外部尺寸。

第二種方法是使用CSS的視口單元來設置網頁的大小。視口單位是基于瀏覽器窗口大小的相對單位。最常用的視口單位是vw（視口寬度）和vh（視口高度）。它們分別表示視口寬度和高度的百分比。

例如，下面的CSS樣式將設置一個寬度為50%、高度為100%的元素，相對于瀏覽器窗口的大小：

div {
width: 50vw;
height: 100vh;
}

通過使用這兩種方法，我們可以輕松地設置網頁的大小和元素的尺寸。我們可以將這些技術與其他CSS屬性和技巧相結合，以實現我們想要的網頁布局和效果。