CSS禪意花園是一個(gè)用來探討CSS技術(shù)的網(wǎng)站，這個(gè)網(wǎng)站提供了許多美妙的CSS示例，可以幫助我們更好地理解和應(yīng)用CSS。

其中一篇非常有名的文章是《CSS禪意花園》，這篇文章以著名的禪宗詩句“看山是山，看水是水，看花還是花”的方式，解釋了CSS的本質(zhì)。在這篇文章中，作者提倡使用無表現(xiàn)性的HTML，讓CSS負(fù)責(zé)表現(xiàn)層的設(shè)計(jì)，從而實(shí)現(xiàn)網(wǎng)頁風(fēng)格和內(nèi)容分離。

/* 將HTML的結(jié)構(gòu)與CSS的樣式分離 */
<div id="header">
<h1>CSS Zen Garden</h1>
<h2>The Beauty of CSS Design</h2>
</div>
/* 使用CSS為div設(shè)置樣式 */
#header { 
background-image: url(/images/bg-header.jpg);
background-repeat: no-repeat;
height: 200px; 
position: relative;
}
h1 { 
font-size: 5em;
text-align: center; 
color: #fff;
position: absolute;
top: 50%;
left: 50%;
margin: -100px 0 0 -400px;
}
h2 {
font-size: 2em;
text-align: center;
color: #fff; 
position: absolute;
top: 50%;
left: 50%;
margin: -50px 0 0 -150px;
}

通過這種方式，我們可以將網(wǎng)頁的外觀風(fēng)格和內(nèi)容分開，方便了修改和維護(hù)。