在網站設計中，CSS是不可或缺的一部分。為了讓網站更加美觀、易于使用，設計師需要了解CSS在編寫代碼時需要注意的一些指南。

/*1.注重代碼結構性*/
body{
font-size: 16px;
line-height: 1.5;
color: #333;
}
.header{
background-color: #fff;
width: 100%;
height: 70px;
/*....*/
}
.content{
background-color: #f9f9f9;
width: 80%;
margin: 0 auto;
padding: 20px;
/*....*/
}
.footer{
background-color: #333;
color: #fff;
width: 100%;
height: 50px;
/*....*/
}
/*2.使用簡潔明了的類名和ID*/
.home-page{
/*....*/
}
.site-banner{
/*....*/
}
#content{
/*....*/
}
/*3.使用命名規范*/
/*命名應簡明扼要，最好能夠明確表達意思*/
.wrapper{
/*....*/
}
.main-header{
/*....*/
}
.sub-navigation{
/*....*/
}
/*4.注重可復用性*/
/*使代碼更具可讀性，類名需要按照其作用命名*/
.btn-blue{
/*....*/
}
.btn-red{
/*....*/
}
.btn-orange{
/*....*/
}
/*5.使用相對單位*/
/*使用em和rem相對單位，以適應不同的設備尺寸*/
body{
font-size: 100%;
}
.header{
font-size: 1em;
}
.content{
font-size: 1.2rem;
}
.footer{
font-size: 0.8rem;
}

以上是CSS設計指南代碼的一些示例，當然在實際的代碼編寫中，還有其他的諸如代碼注釋、排版布局等方面需要考慮。總之，使用符合規范的代碼編寫方式，能夠幫助設計師更加高效地實現網站設計需求，同時也能夠降低后期維護的成本。