我們?cè)谶M(jìn)行網(wǎng)頁(yè)制作時(shí)，少不了運(yùn)用CSS來(lái)美化頁(yè)面樣式，CSS中包含許多屬性可供使用，下面就介紹一些常用的CSS屬性及用法。

/*選擇器*/
p {
color: #333; /*字體顏色*/
font-size: 16px; /*字體大小*/
line-height: 1.5; /*行高*/
font-weight: bold; /*字體加粗*/
font-family: Arial, sans-serif; /*字體樣式*/
text-align: center; /*文本居中*/
text-decoration: none; /*去除下劃線*/
}
/*盒模型*/
.box {
width: 200px; /*盒子寬度*/
height: 200px; /*盒子高度*/
padding: 20px; /*內(nèi)邊距*/
margin: 20px; /*外邊距*/
border: 1px solid #ccc; /*邊框*/
background-color: #f5f5f5; /*背景色*/
box-shadow: 2px 2px 5px #ccc; /*陰影*/
}
/*背景*/
.bg-img {
background-image: url('./bg.jpg'); /*背景圖*/
background-repeat: no-repeat; /*背景圖不重復(fù)*/
background-size: cover; /*背景圖自適應(yīng)*/
background-position: center center; /*居中顯示*/
background-color: #f5f5f5; /*背景色*/
}
/*定位*/
.abs {
position: absolute; /*絕對(duì)定位*/
top: 0; /*距離頂部距離*/
left: 0; /*距離左側(cè)距離*/
}
/*動(dòng)畫*/
.fade {
opacity: 0; /*透明度為0*/
transition: opacity .3s ease-out; /*過(guò)渡動(dòng)畫*/
}
.fade:hover {
opacity: 1; /*鼠標(biāo)懸停透明度為1*/
}

以上是一些常用的CSS屬性及用法，我們可以根據(jù)實(shí)際情況選擇合適的屬性，來(lái)美化頁(yè)面效果。