CSS是Cascade Style Sheet（層疊樣式表）的縮寫。它是一種用于設計網頁布局和樣式的技術。CSS能使網頁變得更加美觀、易于閱讀、易于維護和易于協作。下面是一些CSS的基本特性。

/* 選擇器 */

CSS中使用選擇器來指定要應用樣式的元素。選擇器可以是元素類型、ID、類等。例如，以下選擇器選擇為ID為“myelement”的元素添加樣式：

#myelement {
background-color: yellow;
color: red;
}

/* 層疊性 */

CSS的另一個重要特性是層疊性。層疊性意味著在應用多個樣式時，某些樣式可能會被其他樣式覆蓋。覆蓋順序取決于選擇器的特定性、優先級和源代碼順序。例如：

#myelement {
background-color: yellow;
color: red;
}
.myclass {
background-color: green;
}

在此例中，由于“#myelement”選擇器的特定性更高，因此優先級也更高，它的樣式將覆蓋“.myclass”的樣式。

/* 盒模型 */

CSS中的盒模型描述了元素在網頁中的布局方式。它是由數字指定的四個部分構成的矩形：外邊距、邊框、內邊距和內容。以下是盒模型的示例：

#myelement {
margin: 10px; /* 外邊距 */
border: 1px solid black; /* 邊框 */
padding: 5px; /* 內邊距 */
background-color: yellow; /* 內容 */
}

/* 浮動 */

CSS中的浮動在設計布局時非常有用。通過浮動，可以使元素“浮動”在其容器中的另一側。例如，以下是一個示例代碼，它將使ID為“myelement”的元素向左浮動：

#myelement {
float: left;
}

浮動元素可以改變其周圍元素的布局方式。因此，應該小心使用浮動，并確保始終使用清除來保持布局的一致性。