CSS中的頂層屬性是指能夠影響整個文檔的屬性，這些屬性在文檔中所有的元素都可以使用。

/* 例如下面這些屬性都是頂層屬性 */ 
html {
font-size: 16px;   /* 設置文檔的默認字體大小 */
}
body {
background-color: #f0f0f0;   /* 設置文檔的背景顏色 */
color: #333;   /* 設置文本的顏色 */
}

其中，html元素的font-size屬性是設置整個文檔默認字體大小的首要方式。當我們對某個元素使用相對大小單位時，它們的大小是相對于html元素的大小計算的。在網頁設計中，一般會將16像素作為默認字體大小。對于body元素，它的background-color屬性可以改變文檔的背景顏色，而color屬性可設置文本的顏色。這兩個屬性在整個文檔中都可以使用，它們的作用范圍不受其他元素的影響。

此外，在頂層屬性中，還有一些跟網頁的布局和排版有關的屬性。例如：

html {
box-sizing: border-box;   /* 設置盒模型的計算方式 */
}
body {
margin: 0;   /* 重設body元素的外邊距 */
font-family: "Helvetica Neue", Arial, sans-serif;   /* 設置文本的字體 */
}
*, *:before, *:after {
box-sizing: inherit;   /* 繼承html元素的box-sizing屬性 */
}

其中，box-sizing屬性規定了元素的盒模型計算方式。在默認的盒模型中，元素的寬度和高度不包括邊框和內邊距，這種模型稱為內容框盒模型。而設置box-sizing屬性為border-box時，則將元素的邊框和內邊距包含在寬度和高度之內。這種模型稱為邊框框盒模型。對于body元素，我們可以使用margin屬性消除默認的外邊距。而對于任何元素，我們也可以通過*選擇器和偽元素:before和:after，繼承html元素的box-sizing屬性。

總之，CSS中的頂層屬性具有影響整個文檔，而不是某個單獨元素的作用。它們可以用來設置文檔的默認樣式，以及網頁布局和排版。