CSS實(shí)戰(zhàn)手冊
CSS是一場革命
借用quirksMode的PPK(Peter-Paul Koch)的話來說：CSS是一場革命。
Ajax的浪潮正在逐步改變著Web開發(fā)的方式。談到Ajax，開發(fā)人員似乎更注重于 XMLHttpRequest 和 JavaScript ，而淡忘了Ajax還有一個重要的組成部分 CSS。
事實(shí)上，CSS和DOM、xHTML以及粘合它們的JavaScript密不可分，相輔相成。
傳統(tǒng)的使用Photoshop制作效果然后切圖并用拼合成html頁面的網(wǎng)頁設(shè)計(jì)師們需要精通CSS，因?yàn)镃SS能幫助你們重新審視自己的作品，讓結(jié)構(gòu)和細(xì)節(jié)更適合于網(wǎng)頁的展現(xiàn)形式。
傳統(tǒng)的使用HTML模板往其中注入邏輯或業(yè)務(wù)代碼的Web開發(fā)工程師們需要理解CSS。因?yàn)镃SS能幫助你們重新思考Web開發(fā)。高效的CSS和清晰的HTML結(jié)構(gòu)，Ajax的魔力就隱藏在其中。
我很喜...
CSS是一場革命
借用quirksMode的PPK(Peter-Paul Koch)的話來說：CSS是一場革命。
Ajax的浪潮正在逐步改變著Web開發(fā)的方式。談到Ajax，開發(fā)人員似乎更注重于 XMLHttpRequest 和 JavaScript ，而淡忘了Ajax還有一個重要的組成部分 CSS。
事實(shí)上，CSS和DOM、xHTML以及粘合它們的JavaScript密不可分，相輔相成。
傳統(tǒng)的使用Photoshop制作效果然后切圖并用拼合成html頁面的網(wǎng)頁設(shè)計(jì)師們需要精通CSS，因?yàn)镃SS能幫助你們重新審視自己的作品，讓結(jié)構(gòu)和細(xì)節(jié)更適合于網(wǎng)頁的展現(xiàn)形式。
傳統(tǒng)的使用HTML模板往其中注入邏輯或業(yè)務(wù)代碼的Web開發(fā)工程師們需要理解CSS。因?yàn)镃SS能幫助你們重新思考Web開發(fā)。高效的CSS和清晰的HTML結(jié)構(gòu)，Ajax的魔力就隱藏在其中。
我很喜歡《CSS實(shí)戰(zhàn)手冊》這本書的內(nèi)容，它即講解了CSS的基礎(chǔ)知識，又分享了很多實(shí)踐的心得。尤其每章最后的實(shí)戰(zhàn)教程最是寶貴，理論后的實(shí)踐能讓我們學(xué)而有成，成能見效。
我把這本書推薦給好學(xué)的網(wǎng)頁設(shè)計(jì)師和Web開發(fā)工程師們。它能幫助你們自信的融入這場革命。
—— 小馬
推薦序一
軟件開發(fā)作為新興的行業(yè)，在短短幾年中走過了輝煌的歷程，尤其是互聯(lián)網(wǎng)的發(fā)展，給Web開發(fā)帶來無比強(qiáng)大的推動力，讓網(wǎng)頁開發(fā)技術(shù)飛速發(fā)展。回想幾年前，網(wǎng)頁設(shè)計(jì)還是開發(fā)中不被重視的一環(huán)，而今天，我們在新一輪互聯(lián)網(wǎng)的大潮中深刻地感受到網(wǎng)頁——直接給予用戶第一感受的載體，是多么的重要。當(dāng)“Table禁止用于布局”逐步寫進(jìn)各大公司的網(wǎng)頁制作規(guī)范的時候，當(dāng)CSS + Div模式已經(jīng)成為行業(yè)標(biāo)準(zhǔn)的時候，當(dāng)開發(fā)的產(chǎn)品要適應(yīng)不同瀏覽器的時候，我們逐步發(fā)現(xiàn)，行業(yè)技術(shù)在不斷地細(xì)化，網(wǎng)頁的設(shè)計(jì)與制作之間的關(guān)系，不僅超越了技術(shù)本身，而且還逐步引入感官體驗(yàn)、易用性，甚至交互設(shè)計(jì)等元素。
本書從行業(yè)發(fā)展的角度出發(fā)，深入細(xì)致地講述了如何制作出優(yōu)秀的網(wǎng)頁，以及規(guī)范中隱含的技巧。本書深入淺出地講述了如何換位思考HTML的結(jié)構(gòu)，如何規(guī)范使用樣式表的各種功能，如何整體規(guī)劃網(wǎng)頁布局和感受用戶體驗(yàn)。本書最好地體現(xiàn)了“細(xì)節(jié)決定成敗”的原則。閱讀本書，希望讀者不僅能了解到制作優(yōu)秀網(wǎng)頁的方法，而且能培養(yǎng)“探索無止境，學(xué)習(xí)無盡期”的創(chuàng)新和開拓精神。
本書是幫助你站上巨人肩膀的又一塊墊腳石。
—— Yanger
Web標(biāo)準(zhǔn)革命以降，我們應(yīng)該看什么？
自Web標(biāo)準(zhǔn)革命以降，無論是設(shè)計(jì)師還是程序員，都在談?wù)撔聲r代的網(wǎng)頁制作方式。作為呈現(xiàn)的語言，CSS自然首當(dāng)其沖?，F(xiàn)在，已經(jīng)不是討論該不該使用Web標(biāo)準(zhǔn)的時候，應(yīng)該關(guān)心的是如何更好地使用CSS為Web標(biāo)準(zhǔn)服務(wù)，以便將將并繽紛多彩的設(shè)計(jì)從語義的結(jié)構(gòu)分離出來。不幸的是，一個本世紀(jì)初的瀏覽器（您知道我說的是IE6），對CSS的欠缺關(guān)鍵性的支持，但還在大行其道。有時候您會忙得焦頭爛額，盒裝模型、浮動、定位等等，聽著都頭暈的名詞困擾著您?；蛟S您可以通過搜索引擎找到很多文章來看，或是英文的、或是“專家”級別的，您還得費(fèi)力四處去找一個問題的結(jié)癥。但是，無論如何，請堅(jiān)持住，別放棄，因?yàn)槟呀?jīng)走在正確的路上?；蛟S在您灰心的時候，不妨翻開這本《CSS實(shí)戰(zhàn)手冊》吧。
筆者有幸在第一時間拿到CSS Missing Manual的譯作，即《CSS實(shí)戰(zhàn)手冊》，作者David Sawyer McFarland將復(fù)雜的問題用輕松的、不拘一格的語言風(fēng)格闡述開來，讓人讀來津津有味，不負(fù)筆者對O’Reilly的一向信賴。一本好書，不僅要技術(shù)過關(guān)，還需要能將問題闡述清楚；能將問題解決外，還需要輕松的語言能讓讀者在會心一笑中學(xué)習(xí)。這是一本很好的教程，還是一本詼諧小品。這本書面向的是初中級別的讀者，因此一開始就向傳統(tǒng)的HTML編寫方式開炮，其實(shí)是讓讀者了解為語義，為CSS而寫HTML的重要性。接著講述創(chuàng)建樣式及樣式表、確定需要樣式的元素、使用CSS的繼承和層疊、如何格式化文本、設(shè)置內(nèi)外邊據(jù)和邊框、樣式化圖片、創(chuàng)建基于浮動的布局、定位頁面元素、如何編寫打印樣式，最后，也是很重要的經(jīng)驗(yàn)之談：如何編寫能夠維護(hù)的CSS，作者稱之為CSS習(xí)慣。這些習(xí)慣可以為您節(jié)省很多積累時間，因此對于高手來說，其實(shí)也能起到查漏補(bǔ)缺之效。附錄還列舉了很多有價值的資源，可以作為讀完本書后的提升資源。作者每個部分都運(yùn)用大量的精心準(zhǔn)備的例子，雖然稍嫌羅嗦，但不失為初學(xué)者的“實(shí)戰(zhàn)”之道，對于開發(fā)者或者程序員來說，例子也會比枯燥的理論更容易讓人接受。尤其對于常用工具（比如Dreamweaver）生成HTML和CSS的設(shè)計(jì)師來說，如能按照例子“實(shí)戰(zhàn)”一遍，定能獲益匪淺，提高手寫代碼能力。拿到這本書，可以說讓人欣喜的，回想三年前我學(xué)習(xí)CSS的那段時間，往往只能苦啃英語，四處搜索解決問題的方案，并自己慢慢積累。如今，雖然隨著“革命”的蓬勃發(fā)展，中文的相關(guān)書籍還是太少，有品質(zhì)的更是鳳毛麟角。對于閱讀外文有困難的讀者來說，《CSS實(shí)戰(zhàn)手冊》實(shí)在是一個好消息。允許我再羅嗦一遍，它能夠大大降低您的學(xué)習(xí)成本和積累時間，如果您真的是初學(xué)者的話。
—— Realazy
Web開發(fā)者當(dāng)前所急需的CSS專著
HTML（XHTML）很容易入門，但是與其他同樣很容易入門的技術(shù)一樣，HTML很容易被誤用。在最初學(xué)習(xí)階段的愉快感覺之后，開發(fā)者在實(shí)際工作中很快就會陷入到混亂之中。這并不是HTML的錯，正是因?yàn)镠TML的簡潔性和易用性（低門檻），Web才得以以幾何級數(shù)的速度飛速發(fā)展，HTML應(yīng)該繼續(xù)保持這樣的特點(diǎn)。使用HTML顯然并不是我們的目標(biāo)，我們需要掌握一些更高層次的技術(shù)，這些技術(shù)可以指導(dǎo)我們以正確的方式使用HTML，建造出可用性良好的Web頁面。從CSS的角度來使用HTML，就是一種最佳實(shí)踐。其前提是開發(fā)者必須要深入掌握CSS，然后才能確定如何為CSS來使用HTML。
《CSS實(shí)戰(zhàn)手冊》就是Web開發(fā)者當(dāng)前所急需的CSS方面的專著，而且它是從面向開發(fā)者的角度來寫作的，將CSS的優(yōu)雅和巨大潛力充分展示給了讀者。它的重點(diǎn)在于展示CSS在目前主流的瀏覽器中可以實(shí)踐的那些部分，而不是巨細(xì)無靡地羅列CSS規(guī)范的內(nèi)容。這本書得到了Jolt的技術(shù)類書籍的大獎，據(jù)我所知，這是Web標(biāo)準(zhǔn)方面（HTML、CSS、JavaScript、Ajax、etc）的技術(shù)書籍中第一本獲得Jolt大獎的。由于Jolt大獎的信譽(yù)，足以讓我們對這本書高度關(guān)注。博文視點(diǎn)以最短的時間將這本書引進(jìn)到國內(nèi)，使得國內(nèi)的Web開發(fā)者很幸運(yùn)地及時讀到了這本書。
我使用CSS來設(shè)計(jì)頁面的樣式已經(jīng)有兩年多了，不過至今仍然遇到一些難以解決的問題。特別是完全使用基于浮動的布局，似乎在一些場合的表現(xiàn)并不比基于table的布局更好。這是我對CSS最關(guān)注的地方，我想也是大部分Web開發(fā)者最關(guān)注的地方。《CSS實(shí)戰(zhàn)手冊》中有一章內(nèi)容非常詳細(xì)地介紹了基于浮動的布局，這有助于我們更加深刻地理解這種新的布局方式，克服對這種布局方式的不適應(yīng)。從解決復(fù)雜的問題入手來闡述技術(shù)的應(yīng)用，這是這本書的與眾不同之處，這使得這本書更加實(shí)用（用現(xiàn)在流行的一個buzzword來說：更加pragmatic），我想這就是它獲得Jolt大獎的原因。此外，這本書中還有一章專門介紹如何設(shè)計(jì)打印機(jī)友好的頁面，這也是我很關(guān)心的部分，這是傳統(tǒng)的頁面設(shè)計(jì)的一個盲區(qū)。這本書還涉及到了頁面設(shè)計(jì)中很多晦暗的部分，包括各種瀏覽器之間的差異，IE的各種鮮為人知的bug等等。《CSS實(shí)戰(zhàn)手冊》在黑夜中為我們打開了一盞探照燈，讓我們清晰地看到了更加廣闊的區(qū)域，對于全面采用CSS充滿了信心。
基于Web標(biāo)準(zhǔn)的技術(shù)目前仍然處在迅速發(fā)展的階段。能夠反映出使用Web標(biāo)準(zhǔn)的最佳實(shí)踐的書籍，在國內(nèi)姍姍來遲，據(jù)我所知還是最近三年左右的事情（以博文視點(diǎn)的《網(wǎng)站重構(gòu)》為起點(diǎn)）。但是這樣的一些聲音聲勢越來越大，逐漸匯成了一道洪流。假以時日，再過兩三年，Web開發(fā)的面貌將會發(fā)生根本性的變化。
—— dlee