很多開發(fā)者在學(xué)習(xí)Web開發(fā)時(shí)，經(jīng)常會(huì)使用到CSS樣式表來(lái)控制網(wǎng)頁(yè)的樣式和布局。而關(guān)于CSS，阮一峰先生的《CSS禪意花園》和《CSS揭秘》是許多人的首選學(xué)習(xí)資料。

跟著CSS禪意花園中的“析顏士（Tangosol）”學(xué)習(xí)，你將掌握一些非常實(shí)用的CSS技巧，并在實(shí)戰(zhàn)當(dāng)中不斷提高自己的技能。以下是一些我從中學(xué)到的有關(guān)CSS的經(jīng)驗(yàn)教訓(xùn)：

• 利用屬性選擇器（attribute selector）實(shí)現(xiàn)更好的語(yǔ)義
• 使用 :before 和 :after 偽元素來(lái)添加更多樣式
• 使用 border-radius 屬性來(lái)創(chuàng)建各種形狀的元素
• 使用 calc() 函數(shù)來(lái)動(dòng)態(tài)計(jì)算元素的寬高
• 使用 filter 屬性來(lái)處理圖像和文本效果
• 將變量封裝在 :root 選擇器中，可以讓變量在整個(gè)文檔中訪問

在CSS禪意花園中，Tangosol不僅向讀者展示了這些技巧，還跟讀者解釋了它們是如何工作的。閱讀這本書，你將學(xué)到不僅僅是書中列舉的這些技術(shù)，更是一種CSS的哲學(xué)思考方式。

/*border-radius使用示例*/
.box {
width: 200px;
height: 100px;
background-color: #f33;
border-radius: 0 0 50% 50%;
}

在我使用CSS創(chuàng)建一個(gè)網(wǎng)頁(yè)時(shí)，我喜歡去使用CSS禪意花園中的技巧來(lái)提升我的頁(yè)面設(shè)計(jì)水平。無(wú)論你是一個(gè)Web開發(fā)初學(xué)者還是一個(gè)資深的前端開發(fā)工程師，這本書都值得一讀。