CSS在網頁設計中起著非常關鍵的作用，能夠讓我們實現各種各樣的網頁布局和樣式效果。在CSS中，我們可以使用多種方式控制網頁的大小和樣式，下面就讓我們一起來學習下CSS是如何控制網頁大小的吧！ 首先，我們可以使用CSS的width和height屬性來控制網頁元素的大小。width屬性用于控制元素的寬度，而height屬性用于控制元素的高度。比如我們可以使用如下代碼將一個div元素的寬度設置為200px，高度設置為100px：

div {
width: 200px;
height: 100px;
}

這樣就能夠使得該div元素在網頁中顯示為200px寬，100px高的大小了。 另外，我們還可以通過CSS的max-width和max-height屬性來控制網頁元素的最大寬度和最大高度。這樣一來，當元素的實際大小超過了設定的最大值時，CSS就會自動將其縮小至最大寬度和最大高度。如下代碼所示：

img {
max-width: 100%;
max-height: 100%;
}

這樣一來，無論圖片的實際大小是多少，都會被自動縮放至不超過網頁的100%寬度和100%高度的大小。 此外，我們還可以使用CSS的padding和margin屬性來控制元素的內邊距和外邊距。padding屬性用于控制元素里面內容與邊框的距離，而margin屬性用于控制元素與周圍元素之間的距離。我們可以通過調整這兩個屬性的值來控制元素的大小和位置。如下代碼所示：

div {
width: 200px;
height: 100px;
padding: 20px;
margin: 30px;
}

這樣一來，該div元素將有20px的內邊距和30px的外邊距，其實際大小將為240px寬和150px高。 綜上所述，CSS提供了多種方式來控制網頁元素的大小和樣式。使用這些屬性，我們可以輕松地實現各種各樣的網頁布局和設計效果。