CSS是前端開發必備的基礎技能之一。它可以幫助我們對HTML頁面進行樣式設計，實現頁面的美化效果。以下是一些關于如何使用CSS+樣式的技巧。

/* 1. 關于選擇器 */
/* 在CSS中，通過選擇器來選擇想要樣式化的元素，以下是一些常用的選擇器 */
p { /* 選擇所有的p元素 */
font-size: 16px;
color: #333;
}
.container div { /* 選擇class為container的元素下所有的div元素 */
background-color: gray;
}
#header { /* 選擇id為header的元素 */
height: 100px;
}
/* 2. 關于屬性 */
/* 通過屬性來為元素設置樣式 */
.title {
font-size: 24px; /* 設置字體大小 */
font-weight: bold; /* 設置字體加粗 */
text-align: center; /* 設置文字居中 */
color: #f00; /* 設置文字顏色為紅色 */
}
/* 3. 關于偽類 */
/* 偽類是一種特殊的選擇器，用來對元素的某些狀態進行樣式化，例如hover狀態 */
a:hover {
color: blue;
}
/* 4. 關于盒模型 */
/* 通過CSS的盒模型來控制元素的大小和位置 */
.box {
width: 100px; /* 設置盒子的寬度 */
height: 100px; /* 設置盒子的高度 */
margin: 10px; /* 設置盒子的外邊距 */
border: 1px solid #000; /* 設置盒子的邊框 */
padding: 10px; /* 設置盒子的內邊距 */
box-sizing: border-box; /* 設置盒子的盒模型為border-box，這樣盒子的寬度和高度包括邊框和內邊距 */
}

以上是關于如何使用CSS+樣式的一些技巧，希望對大家在前端開發中有所幫助。