在前端開發中，CSS扮演著非常重要的角色，它是用來控制頁面樣式和布局的語言。下面我們將介紹CSS在頁面中的寫法。

/* CSS樣式的寫法 */
selector {
property: value;
}

CSS樣式的寫法包含選擇器和聲明塊兩部分。其中，選擇器是用來選中需要添加樣式的HTML元素，聲明塊則是用來為選中的元素設置樣式。

例如：

/* 簡單的CSS樣式 */
p {
color: #333;
font-size: 16px;
}

在這個例子中，我們使用了p選擇器，選擇了所有的<p>標簽，然后在聲明塊中為它們設置了顏色和字體大小。

另外，我們還可以使用ID選擇器和Class選擇器。

/* ID選擇器 */
#header {
background-color: #eee;
height: 100px;
}
/* Class選擇器 */
.intro {
font-weight: bold;
color: blue;
}

在這個例子中，我們使用了ID選擇器設置了頭部區域的背景顏色和高度，又使用了Class選擇器設置了一段文字的字體加粗和顏色。

最后，我們還可以使用CSS的盒模型來控制頁面布局。

/* 盒模型 */
.box {
width: 100px;
height: 100px;
border: 1px solid #ccc;
padding: 10px;
margin: 10px;
}

在這個例子中，我們使用了寬度、高度、邊框、內邊距和外邊距這幾個屬性來控制盒模型的大小，邊框和距離。

綜上所述，CSS是一門強大的控制頁面樣式和布局的語言，掌握好其寫法和選擇器用法，可以讓我們的頁面更加美觀和易于閱讀。希望本篇文章能夠對大家學習CSS有所幫助！