當我們編輯網頁時，經常需要使用CSS來為元素添加樣式，但是在眾多的樣式中你應該選擇哪些呢？下面就介紹一些常用的CSS樣式。

/*
文本樣式
*/
p{
font-size:16px; /*設置字體大小*/
font-family:Arial, sans-serif; /*設置字體*/
color:#333; /*設置字體顏色*/
line-height:1.5; /*設置行高*/
text-align:center; /*設置文本對齊方式，可選值：left，right，center，justify*/
text-decoration:none; /*去掉下劃線*/
letter-spacing:1px; /*字符間距*/
word-spacing: 5px; /*單詞間距*/
}
/*
背景樣式
*/
body {
background-color: #f5f5f5; /*設置背景顏色*/
background-image: url(background.jpg); /*設置背景圖片*/
background-repeat: repeat; /*圖片平鋪，默認repeat*/
}
/*
盒子樣式
*/
div {
width: 500px; /*設置寬度*/
height: 300px; /*設置高度*/
margin:20px auto; /*設置外邊距*/
padding:20px; /*設置內邊距*/
border:1px solid #999; /*設置邊框*/
border-radius:10px; /*設置圓角*/
box-shadow:2px 2px 5px #bbb; /*設置陰影*/
}
/*
鏈接樣式
*/
a {
color: #f00; /*設置鏈接顏色*/
text-decoration: none; /*去掉下劃線*/
cursor:pointer; /*設置光標形狀，可選值：pointer，auto*/
transition:all 0.5s ease; /*設置過渡效果*/
}
/*
按鈕樣式
*/
button {
background-color: #f00; /*設置背景顏色*/
color:#fff; /*設置字體顏色*/
border: none; /*去掉邊框*/
padding:10px 20px; /*設置內邊距*/
border-radius: 10px; /*設置圓角*/
cursor:pointer; /*設置光標形狀*/
}

以上是一些常用的CSS樣式，根據需求選擇合適的樣式可以幫助我們更好地編輯頁面。除了以上樣式外，CSS還有很多其他的樣式值得我們學習，可以通過不斷的學習和實踐，運用它們來達到更好的頁面效果。