CSS框架是為了快速且簡單地開發網站而設計的，它包含了許多預定義的樣式，使開發人員可以更快地從頭開始創建網站。下面是一個常見的CSS框架的代碼示例。

/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4,
h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong,
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
/* Global */
body {
font: 16px/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #444;
background-color: #fff;
}
/* Navigation */
.nav {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #f1f1f1;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 20px;
}
.nav li {
display: inline-block;
margin-right: 20px;
}
.nav a {
text-decoration: none;
color: #444;
font-weight: 500;
}

在上面的代碼示例中，我們可以看到三個部分。第一個部分稱為CSS重置，它將對所有的HTML元素設置一些基本樣式，消除了它們在不同瀏覽器的差異。第二個部分是全局樣式。它設置了網站的主題顏色、字體和樣式。第三個部分是導航樣式。它定義了一個具有靈活性的導航欄，在任何設備上都可以輕松使用。 使用一個CSS框架可以輕松使你的網站保持一致和專業。通常情況下，一個好的框架包含響應式設計、布局、網格系統和用戶組件。 好的代碼應該是清晰、易于編輯和解釋的。CSS框架就是一種讓你更快速的寫出“好的”CSS代碼的方式。