在Web開發中，樣式（CSS）是非常重要的一部分。樣式可以決定我們的網頁的布局和樣式，讓它看起來更加美觀和易于閱讀。但是，在開始改變網頁樣式之前，我們需要先了解CSS默認的布局方式。

* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html, body {
height: 100%;
}
body {
display: block;
margin: 8px;
}

首先，上面的代碼片段展示了一些CSS規則，它們能夠確保我們的HTML元素在默認的布局中表現出一致的樣式。其中，星號（*）通配符選擇器表示選中所有的元素。在這里，我們使用box-sizing屬性設置為border-box，可確保所有的元素都被包括在元素的邊框盒模型中，而不是瀏覽器默認的內容盒模型。

此外，我們在選擇器中使用了margin和padding屬性將所有元素的外部間距和內部間距重置為0。這樣，每個元素都將包含在一個無邊框的盒內，它們之間不會產生任何空隙。

接下來，我們針對html和body元素設置高度為100%。這意味著整個網頁的高度將會填充整個瀏覽器窗口。因此，我們可以在不考慮瀏覽器窗口大小的情況下，使用相對定位來布局內容。

最后，我們使用display: block和margin: 8px屬性來設置body元素的顯示方式和外邊距。這樣，我們的網頁將被以塊級元素的方式呈現，并帶有一個默認的8像素外邊距。

總之，通過了解CSS默認的布局，我們可以深入了解如何正確地控制網頁的樣式和布局。這是Web開發的基礎，也是我們學習各種CSS框架和庫的基礎。