CSS是Cascading Style Sheets（層疊樣式表）的縮寫，用來美化和布局網頁的元素。CSS有多個代碼，下面介紹每個代碼的作用。

代碼         作用
color      設置文本顏色
font-size  設置字體大小
font-family設置字體種類
background設置背景顏色
border     設置邊框樣式和大小
text-align 對齊文本
display    控制元素顯示方式
margin     設置元素外邊距
padding    設置元素內邊距

color代碼用來設置文本顏色，可以使用顏色名或十六進制代碼。例如：

p {
color: blue;
}

font-size代碼用來設置字體大小，可以使用像素或是相對大小。例如：

p {
font-size: 18px;
}

font-family代碼用來設置字體種類，可以使用系統字體或自定義字體。例如：

p {
font-family: Arial, sans-serif;
}

background代碼用來設置背景顏色或圖像。例如：

body {
background-color: #f0f0f0;
}

border代碼用來設置元素邊框樣式和大小。例如：

div {
border: 1px solid black;
}

text-align代碼用來對齊文本。例如：

h1 {
text-align: center;
}

display代碼用來控制元素的顯示方式，可以是塊級元素、行內元素或是彈性元素。例如：

div {
display: inline-block;
}

margin代碼用來設置元素外邊距，可以是上下左右方向的數值或是自動居中。例如：

img {
margin: 10px auto;
}

padding代碼用來設置元素內邊距，可以是上下左右方向的數值。例如：

ul {
padding: 0 10px;
}

這些CSS代碼可以被結合使用，來實現更復雜的網頁布局和效果。