CSS是一種用來控制網(wǎng)頁排版和外觀的樣式表語言。它能夠?qū)W(wǎng)頁中的元素進行樣式和布局的控制。以下是CSS控制頁面的方法。

p {
color: red; /* 設置段落文字顏色為紅色 */
font-size: 16px; /* 設置段落文字大小為16像素 */
line-height: 1.5; /* 設置段落行高為1.5倍文字大小 */
margin-top: 20px; /* 設置段落上方外邊距為20像素 */
}
img {
max-width: 100%; /* 防止圖片超出容器寬度 */
display: block; /* 讓圖片變?yōu)閴K級元素，以便控制其尺寸和位置 */
margin: auto; /* 居中顯示圖片 */
}
.container {
width: 80%; /* 設置容器寬度為80% */
margin: 0 auto; /* 讓容器水平居中 */
border: 1px solid #ddd; /* 設置容器邊框 */
padding: 20px; /* 設置容器內(nèi)邊距為20像素 */
}
@media screen and (max-width: 768px) {
.container {
width: 90%; /* 在頁面寬度小于768像素時容器寬度變?yōu)?0% */
}
}

通過以上CSS代碼，我們可以控制頁面中的文本、圖片和容器的樣式和布局。其中，選擇器可以用來選擇需要樣式的元素，例如上面的p選擇器選擇了所有的段落元素。屬性用來設置元素的樣式，例如color屬性用來設置文本顏色。

在上面的代碼中，我們還使用了@media查詢來設置在頁面寬度小于768像素時容器寬度變?yōu)?0%的條件式樣。這樣就能夠為移動設備提供更好的用戶體驗。