在web開發中，CSS樣式的設計是非常重要的。一個好看的網站需要有合適的布局和配色方案，這些都需要通過CSS來實現。下面介紹一些CSS樣式設計的技巧。

/*使用通配符重置瀏覽器默認樣式*/
*{
margin:0;
padding:0;
}
/*設置文本顏色和字體*/
body{
color:#333;
font-family:Arial,Verdana,sans-serif;
}
/*呈現頁面的主要區域*/
.container{
width:960px;
margin:0 auto;
}
/*設置導航條樣式*/
.nav{
background-color:#333;
height:50px;
}
/*設置導航菜單樣式*/
.nav ul{
list-style:none;
margin:0;
padding:0;
}
.nav li{
float:left;
margin-right:20px;
line-height:50px;
}
.nav a{
color:#fff;
}
/*設置標題樣式*/
h1{
font-size:36px;
margin-bottom:20px;
}
/*設置按鈕樣式*/
.button{
display:inline-block;
background-color:#f00;
color:#fff;
padding:10px 20px;
border-radius:5px;
}
/*設置背景圖片及其他樣式*/
body{
background-image:url(bg.jpg);
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}
/*設置鏈接樣式*/
a{
color:#f00;
text-decoration:none;
}
a:hover{
color:#00f;
text-decoration:underline;
}

以上是一些CSS樣式設計的技巧，通過這些技巧，我們可以設計出更加美觀的網站。