< p>CSS是前端開發中必不可少的一項技術，通過CSS可以對頁面元素進行樣式設置。< /p>
< pre>
// 定義一個樣式類
.樣式名稱 {
樣式屬性1: 屬性值1;
樣式屬性2: 屬性值2;
樣式屬性3: 屬性值3;
}
< /pre>
< p>在CSS中，可以通過定義樣式類來設置需要樣式化的元素，只需要在HTML代碼中給需要樣式化的元素添加對應的樣式類即可。下面是一個示例：< /p>
< pre>
// HTML代碼
< div class="container">
< p class="text">這是一段需要樣式化的文字

< /div>
// CSS代碼
.container {
width: 800px;
margin: 0 auto;
background-color: #f5f5f5;
}
.text {
font-size: 16px;
color: #333;
line-height: 1.5em;
margin-top: 20px;
}
< /pre>
< p>在上述示例中，我們定義了一個名為"container"的樣式類，在該樣式類中設置了一個寬度、外邊距和背景色。同時，我們還定義了一個名為"text"的樣式類，在該樣式類中設置了文字大小、顏色、行高和上邊距。在HTML代碼中，我們給需要樣式化的文字添加了"text"樣式類，這樣該元素的樣式就會按照我們在CSS代碼中定義的樣式來進行展現。< /p>
< p>除了使用樣式類進行樣式設置外，還可以通過標簽名、ID名和屬性名等方式來進行樣式設置。例如：< /p>
< pre>
// 標簽名
p {
font-size: 14px;
color: #444;
}
// ID名
#title {
font-size: 24px;
font-weight: bold;
color: #ff0000;
}
// 屬性名
a[title="learn more"] {
font-size: 16px;
color: #007fff;
}
< /pre>
< p>在上述示例中，我們使用標簽名對所有的段落元素進行樣式設置，使用ID名對ID為"title"的元素進行樣式設置，使用屬性名對所有帶有"title"屬性且屬性值為"learn more"的鏈接進行樣式設置。這些方式都可以根據具體需求來選擇使用，可以使樣式設置更加精細化。< /p>