CSS是前端開發中非常重要的一部分，它負責網頁的樣式設計和排版。下面將介紹一些常用的CSS操作。

/*樣式選擇器*/
p { 
font-size: 16px;
color: red;
}
/*class選擇器*/
.title {
font-size: 20px;
text-align: center;
}
/*ID選擇器*/
#header {
background-color: gray;
height: 100px;
}
/*盒模型*/
.box {
width: 200px;
height: 200px;
padding: 20px;
margin: 20px;
border: 1px solid black;
background-color: yellow;
}
/*浮動*/
.left {
float: left;
width: 50%;
}
.right {
float: right;
width: 50%;
}
/*文字樣式*/
.italic {
font-style: italic;
}
.bold {
font-weight: bold;
}
/*響應式布局*/
@media only screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}

樣式選擇器是指通過標簽名稱來選擇元素，可以設置元素的各種樣式屬性。

class選擇器是通過類名來選擇特定元素，可以為多個元素設置相同樣式。

ID選擇器是通過id屬性來選擇特定元素，用于給單個元素設置樣式。

盒模型是指設置元素的寬度、高度、邊框、內邊距和外邊距等屬性的過程。

浮動是將元素的位置設置為左浮動或右浮動，用于制作網頁布局。

文字樣式可以為文本設置斜體、粗體等樣式。

響應式布局是指根據設備屏幕的大小來自適應調整網頁布局，以適應不同屏幕尺寸的設備。