CSS是前端開發過程中不可或缺的一部分，它為網頁添加了豐富的樣式效果。下面是一些CSS的簡單用法：

/* 在CSS中定義一個類 */
.my-class {
color: red;
font-size: 20px;
}
/* 在HTML中使用這個類 */
<p class="my-class">這是一段紅色字體的段落，大小為20px</p>

上面的代碼定義了一個CSS類名為"my-class"，它包含了紅色的字體和20像素的文字大小。而在HTML文件中，使用類名"my-class"即可將上述樣式添加到該段落中。

此外，還有其他的CSS用法，例如：

/* 修改元素屬性 */
p {
color: blue;
text-align: center;
}
/* 為鏈接添加樣式效果 */
a {
color: purple;
text-decoration: underline;
}
/* 背景圖片 */
body {
background-image: url("bg-image.jpg");
}
/* 修改元素尺寸 */
img {
width: 100%;
}

上述代碼用于修改HTML元素的屬性、添加鏈接樣式效果、更改頁面背景等等。這些簡單的CSS用法可以讓你為網頁添加更多的樣式，使其更加美觀和吸引人。