在實際 CSS 編寫過程中，對于樣式的書寫方式可以使用框架式方法，這種方法可以提高代碼的重用性和可維護性，保證 CSS 樣式代碼的清晰、簡潔、易于管理。

/* 樣式框架 */
/* 定義全局應用于所有元素 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* 定義頁面布局相關樣式 */
.layout {
max-width: 1000px;
margin: 0 auto;
}
/* 定義頁面基本元素樣式 */
.header {
height: 80px;
background-color: #f5f5f5;
}
.content {
padding: 20px;
}
.sidebar {
width: 200px;
background-color: #eee;
}
.footer {
height: 50px;
background-color: #f5f5f5;
text-align: center;
line-height: 50px;
}
/* 定義頁面通用元素樣式 */
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
color: #333;
}
img {
max-width: 100%;
display: block;
}
a {
text-decoration: none;
color: #333;
}
button {
background-color: #333;
color: #fff;
border: none;
border-radius: 4px;
padding: 10px 20px;
cursor: pointer;
}
/* 定義頁面響應式樣式 */
@media only screen and (max-width: 768px) {
.sidebar {
display: none;
}
.content {
width: 100%;
padding: 20px;
}
}

以上是一個簡單的樣式框架，在實際使用中可以根據項目需求進行修改和完善。