CSS (層疊樣式表) 是一種用于添加樣式和布局到 HTML 網頁的技術。在開始使用 CSS 之前，我們需要先編寫一個基本的 CSS 代碼環境。下面是一個簡單的 CSS 代碼示例：

html {
font-size: 16px;
font-family: Arial, sans-serif;
}
body {
margin: 0;
padding: 0;
}
h1 {
font-size: 2em;
color: #333;
}

上面的 CSS 代碼示例中，使用了三個選擇器： html、body 和 h1。這些選擇器可以選擇 HTML 文檔中特定的元素，并為這些元素添加樣式。

首先，我們為 html 元素設置默認的字體大小和字體系列。接著，為了確保文檔的整潔，我們將 body 元素的 margin 和 padding 屬性都設置為 0。最后，我們為 h1 標簽設置了字體大小和顏色。

CSS 代碼具有層疊性，所以你可以在同一個選擇器中使用多個樣式規則。例如：

h1 {
font-size: 2em;
color: #333;
margin-top: 20px;
}

在這個示例中，我們添加了一個 margin-top 樣式規則，使 h1 標簽的頂部與其上方的元素之間有 20 像素間距。

當我們編寫的多個樣式規則具有相同的屬性時，它們會按照優先級的規則進行覆蓋。例如：

h1 {
font-size: 2em;
color: #333;
}
h1 {
font-size: 1.5em;
}

在這個示例中，我們在兩個 h1 標簽中分別設置了不同的字體大小。最后，由于后面的樣式規則具有更高的優先級，所以最終效果將是 1.5em 的字體大小。

在 CSS 中，還有很多有用的屬性和值可以使用，這些屬性和值可以幫助我們更好地控制網頁的布局和樣式。隨著您的經驗不斷增加，您將能夠編寫更復雜的 CSS 代碼，并為您的網頁添加更多的美觀和交互性。