標題：CSS簡單頁面練習
隨著Web開發的不斷進步，CSS已經成為了構建現代Web頁面的流行技術之一。CSS不僅可以用于控制頁面的布局、樣式和響應式設計，還可以用于響應用戶輸入和交互設計。在這篇文章中，我們將通過一個簡單的練習來介紹CSS的基本語法和用法，以及如何使用CSS來構建一個基本的Web頁面。
讓我們開始吧！
CSS的基本語法和用法
CSS是由層疊樣式表(Cascading Style Sheets)組成的，可以控制HTML文檔中的樣式和布局。下面是CSS的基本語法和用法：
1. 屬性(屬性名):CSS屬性可以用于設置或查詢元素的樣式。例如，我們可以設置元素的背景顏色為紅色，或將其字體大小設置為16px。屬性名只能包含字母、數字或下劃線。
4. 值(值名)：值名是CSS中用于設置選擇器的值的關鍵字。例如，我們可以使用`color`值名來設置元素的文本顏色。
5. 副屬性(副屬性名)：副屬性名是CSS中用于設置選擇器上下文的值的關鍵字。例如，我們可以使用`background-color`副屬性名來設置背景顏色。
使用CSS來構建一個簡單的Web頁面
下面是一個使用CSS構建一個簡單的Web頁面的示例：
```html
<!DOCTYPE html>
<html>
<head>
<title>CSS簡單頁面練習</title>
<style>
body {
background-color: #F0F0F0;
color: #111111;
font-family: Arial, sans-serif;
.box {
width: 200px;
height: 200px;
background-color: #FFFFFF;
border-radius: 50%;
box-shadow: 0px 0px 10px #0077B5;
margin: 10px auto;
padding: 20px;
</style>
</head>
<body>
<div class="box"></div>
</body>
</html>
在這個示例中，我們使用了CSS來創建一個名為`body`的類，用于設置整個頁面的背景顏色和字體。我們還使用了CSS來創建一個名為`.box`的選擇器，用于設置頁面中的單個元素的背景顏色和邊框半徑。最后，我們使用CSS來將`.box`選擇器應用于一個`div`元素，使其作為頁面中的一個簡單的文本框。
通過以上練習，我們了解了CSS的基本語法和用法，并學會了如何使用CSS來構建一個簡單的Web頁面。在實際項目中，我們可以使用CSS來創建更復雜的布局和樣式，以提供更好的用戶體驗。