作為前端程序員，我們經(jīng)常需要使用 CSS 來(lái)為網(wǎng)站設(shè)計(jì)各種樣式。其中，一些經(jīng)典網(wǎng)站的 CSS 樣式值得我們借鑒和學(xué)習(xí)。

body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #fff;
}

在經(jīng)典網(wǎng)站中，文字的排版和字體的選擇非常重要。這段 CSS 代碼中使用了 Helvetica Neue、Helvetica 和 Arial 這三種字體，在不同的系統(tǒng)中有不同的優(yōu)先級(jí)，可以確保在大多數(shù)用戶的設(shè)備上都有較好的顯示效果。

a {
color: #337ab7;
text-decoration: none;
}
a:hover {
color: #23527c;
text-decoration: underline;
}

超鏈接是網(wǎng)站中的重要元素，這段 CSS 代碼展示了經(jīng)典的超鏈接樣式。默認(rèn)狀態(tài)下，鏈接文字使用了藍(lán)色，移動(dòng)鼠標(biāo)時(shí)文字變?yōu)樯钏{(lán)色并帶有下劃線。

.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
}
.btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2d6ca2;
}
.btn:hover, .btn:focus {
color: #fff;
background-color: #23527c;
border-color: #1d4f7a;
}

按鈕樣式是網(wǎng)站中常用的元素之一，這段 CSS 代碼定義了一個(gè)通用的按鈕樣式（.btn）以及一個(gè)藍(lán)色主色調(diào)按鈕（.btn-primary）。按鈕樣式包括了 padding、字體大小、背景色等需要考慮的所有屬性，在使用時(shí)只需要添加對(duì)應(yīng)的類名就可以了。

經(jīng)典網(wǎng)站的 CSS 樣式是我們值得學(xué)習(xí)和借鑒的寶貴資源，可以幫助我們快速構(gòu)建出漂亮、實(shí)用的網(wǎng)站。