在網(wǎng)頁(yè)開(kāi)發(fā)過(guò)程中，CSS樣式的運(yùn)用非常重要。下面我們來(lái)介紹一個(gè)CSS樣式的例子——chm樣式：

/* chm樣式 */
body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
}
h1, h2, h3 {
color: #333;
}
p {
font-size: 16px;
line-height: 1.5;
color: #666;
margin: 0 0 20px;
}
a {
color: #337ab7;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.row::after {
content: "";
clear: both;
display: table;
}
.col {
float: left;
width: 100%;
padding: 0 15px;
}
@media (min-width: 768px) {
.col-sm-4 {
float: left;
width: 33.33333%;
padding: 0 15px;
}
}

這個(gè)CSS樣式可以實(shí)現(xiàn)以下功能：

1. 設(shè)置頁(yè)面背景色為#f2f2f2；

2. 設(shè)置全局字體為Arial，sans-serif；

3. H1、H2、H3標(biāo)題顏色均為#333；

4. 段落字體大小為16px，行間距為1.5，顏色為#666；

5. 鏈接字體顏色為#337ab7，無(wú)下劃線，當(dāng)鼠標(biāo)懸停時(shí)出現(xiàn)下劃線；

6. 設(shè)置頁(yè)面寬度不超過(guò)1200px，且水平居中；

7. 清除浮動(dòng)；

8. 定義一個(gè)100%寬度的列（col）；

9. 定義一個(gè)33.33333%寬度的col-sm-4，并在768px以上的屏幕上顯示。

使用CSS樣式可以讓我們更好地控制網(wǎng)頁(yè)的展示效果，增強(qiáng)網(wǎng)頁(yè)的美觀性和易用性。