CSS(層疊樣式表)是一種網(wǎng)頁設計中常用的樣式語言,它可以讓網(wǎng)頁的顯示效果更加美觀、簡潔、易于維護。以下是一些例子說明如何使用CSS來控制網(wǎng)頁的樣式。
p{
color: blue; /* 設置文字顏色為藍色 */
font-size: 16px; /* 設置字體大小為16像素 */
font-weight: bold; /* 設置字體加粗 */
}
上述代碼使用CSS的p標簽選擇器,控制了所有p標簽內(nèi)的文字顏色、字體大小和字體粗細。我們可以在網(wǎng)頁代碼中添加以上代碼,在p標簽中添加文字,就可以看到效果。
.box{
background-color: yellow; /* 設置背景顏色為黃色 */
border: 1px solid red; /* 設置邊框為紅色,線寬為1像素 */
width: 200px; /* 設置寬度為200像素 */
height: 100px; /* 設置高度為100像素 */
}
上述代碼使用CSS的類選擇器,控制了class為box的元素的背景顏色、邊框以及寬度和高度。我們可以在網(wǎng)頁代碼中添加一個class為box的元素,就可以看到效果。
#header{
background-image:url(header.jpg); /* 設置背景圖片為header.jpg */
height: 200px; /* 設置高度為200像素 */
}
上述代碼使用CSS的ID選擇器,控制了id為header的元素的背景圖片和高度。我們可以在網(wǎng)頁代碼中添加一個id為header的元素,并在同級目錄下放置一張名為header.jpg的圖片,就可以看到效果。