CSS是用于網頁設計的一門流行的編程語言，它可以讓網頁變得更加美觀和易于使用。通過使用CSS，我們可以為網頁添加各種樣式和布局，從而使網頁更加吸引人和易于閱讀。
在CSS中，我們可以使用類(class)來定義一系列的樣式和布局。類可以包含多個屬性，這些屬性可以通過CSS規則來設置。
下面是一個示例，它展示了如何使用CSS類來創建一個具有圓形背景和文本框的文本：
```html
<!DOCTYPE html>
<html>
<head>
<title>CSS 類和規則</title>
<style>
.box {
width: 200px;
height: 200px;
background-color: blue;
font-size: 16px;
font-weight: bold;
text-align: center;
.box:hover {
background-color: red;
</style>
</head>
<body>
<div class="box">
<p>這是一個圓形的文本。</p>
</div>
</body>
</html>
在這個示例中，我們使用了`div`元素來創建一個文本框。我們在CSS中定義了一個名為`box`的類，并設置了以下屬性：
- `width`和`height`屬性設置文本框的寬度和高度。
- `background-color`屬性設置背景顏色。
- `font-size`屬性設置字體大小。
- `font-weight`屬性設置字體權重。
- `text-align`屬性設置文本對齊方式。
當我們使用`:hover`規則將文本框鼠標懸停在文本上時，背景顏色會變成紅色。
這只是CSS中的一部分功能，CSS還有很多其他功能，如選擇器、偽元素、動畫等，可以用于創建各種不同的網頁設計。
通過使用CSS類和規則，我們可以輕松地為網頁添加樣式和布局，從而使得網頁更加美觀和易于使用。