網(wǎng)頁只有CSS是一種特殊的網(wǎng)頁設(shè)計(jì)方式，它嘗試讓CSS樣式表的代碼本身成為頁面的全部內(nèi)容，而HTML的內(nèi)容僅起到框架的作用。

/*樣式化body元素*/
body {
margin: 0;
padding: 0;
}
/*樣式化頂部導(dǎo)航條*/
.top-nav {
background-color: #333;
color: white;
height: 50px;
}
/*樣式化按鈕*/
.btn {
color: white;
background-color: #333;
padding: 10px 15px;
border: none;
border-radius: 5px;
cursor: pointer;
}

相比于傳統(tǒng)的網(wǎng)頁設(shè)計(jì)方式，網(wǎng)頁只有CSS的方式具有一些優(yōu)點(diǎn)。首先，該方式使得頁面的內(nèi)容更加簡潔明了，所有的樣式化細(xì)節(jié)都可以在CSS中處理，而HTML中則只需要提供相應(yīng)的class或id即可。其次，這種方式也更有利于SEO，因?yàn)樗阉饕娓酉矚g直接讀取HTML中的內(nèi)容，而網(wǎng)頁只有CSS時，其實(shí)際內(nèi)容位于CSS代碼中，搜索引擎可能更難以理解頁面的內(nèi)容。

不過，網(wǎng)頁只有CSS的方式也有其自身的不足。首先，如果CSS代碼過長或復(fù)雜，將會使得頁面加載速度變慢，因?yàn)闉g覽器需要等待整個CSS文件下載完成后才能完整渲染頁面。其次，如果樣式不正確或缺失，HTML頁面將顯得相當(dāng)奇怪、難以理解。

總的來說，網(wǎng)頁只有CSS這種設(shè)計(jì)方式是一種有趣而又具有挑戰(zhàn)性的嘗試，它可以讓我們重新審視并重新設(shè)計(jì)頁面，并嘗試將CSS的功能最大化地發(fā)揮出來。當(dāng)然，在實(shí)際應(yīng)用中，我們應(yīng)該根據(jù)具體的需求和頁面內(nèi)容來選擇最合適的設(shè)計(jì)方式。