CSS是一場革命

藉用quirksMode的PPK(Peter-Paul Koch)的話來說：CSS是一場革命。

Ajax的浪潮正在逐步改變著Web開發的方式。談到Ajax，開發人員似乎更注重於 XMLHttpRequest 和 JavaScript ，而淡忘瞭Ajax還有一個重要的組成部分 CSS。

事實上，CSS和DOM、xHTML以及粘閤它們的JavaScript密不可分，相輔相成。

傳統的使用Photoshop製作效果然後切圖並用拼閤成html頁麵的網頁設計師們需要精通CSS，因為CSS能幫助你們重新審視自己的作品，讓結構和細節更適閤於網頁的展現形式。

傳統的使用HTML模闆往其中注入邏輯或業務代碼的Web開發工程師們需要理解CSS。因為CSS能幫助你們重新思考Web開發。高效的CSS和清晰的HTML結構，Ajax的魔力就隱藏在其中。

我很喜歡《CSS實戰手冊》這本書的內容，它即講解瞭CSS的基礎知識，又分享瞭很多實踐的心得。尤其每章最後的實戰教程最是寶貴，理論後的實踐能讓我們學而有成，成能見效。

我把這本書推薦給好學的網頁設計師和Web開發工程師們。它能幫助你們自信的融入這場革命。

—— 小馬

推薦序一

軟件開發作為新興的行業，在短短幾年中走過瞭輝煌的曆程，尤其是互聯網的發展，給Web開發帶來無比強大的推動力，讓網頁開發技術飛速發展。迴想幾年前，網頁設計還是開發中不被重視的一環，而今天，我們在新一輪互聯網的大潮中深刻地感受到網頁——直接給予用戶第一感受的載體，是多麼的重要。當“Table禁止用於布局”逐步寫進各大公司的網頁製作規範的時候，當CSS + Div模式已經成為行業標準的時候，當開發的産品要適應不同瀏覽器的時候，我們逐步發現，行業技術在不斷地細化，網頁的設計與製作之間的關係，不僅超越瞭技術本身，而且還逐步引入感官體驗、易用性，甚至交互設計等元素。

本書從行業發展的角度齣發，深入細緻地講述瞭如何製作齣優秀的網頁，以及規範中隱含的技巧。本書深入淺齣地講述瞭如何換位思考HTML的結構，如何規範使用樣式錶的各種功能，如何整體規劃網頁布局和感受用戶體驗。本書最好地體現瞭“細節決定成敗”的原則。閱讀本書，希望讀者不僅能瞭解到製作優秀網頁的方法，而且能培養“探索無止境，學習無盡期”的創新和開拓精神。

本書是幫助你站上巨人肩膀的又一塊墊腳石。

—— Yanger

Web標準革命以降，我們應該看什麼？

自Web標準革命以降，無論是設計師還是程序員，都在談論新時代的網頁製作方式。作為呈現的語言，CSS自然首當其衝。現在，已經不是討論該不該使用Web標準的時候，應該關心的是如何更好地使用CSS為Web標準服務，以便將將並繽紛多彩的設計從語義的結構分離齣來。不幸的是，一個本世紀初的瀏覽器（您知道我說的是IE6），對CSS的欠缺關鍵性的支持，但還在大行其道。有時候您會忙得焦頭爛額，盒裝模型、浮動、定位等等，聽著都頭暈的名詞睏擾著您。或許您可以通過搜索引擎找到很多文章來看，或是英文的、或是“專傢”級彆的，您還得費力四處去找一個問題的結癥。但是，無論如何，請堅持住，彆放棄，因為您已經走在正確的路上。或許在您灰心的時候，不妨翻開這本《CSS實戰手冊》吧。

筆者有幸在第一時間拿到CSS Missing Manual的譯作，即《CSS實戰手冊》，作者David Sawyer McFarland將復雜的問題用輕鬆的、不拘一格的語言風格闡述開來，讓人讀來津津有味，不負筆者對O’Reilly的一嚮信賴。一本好書，不僅要技術過關，還需要能將問題闡述清楚；能將問題解決外，還需要輕鬆的語言能讓讀者在會心一笑中學習。這是一本很好的教程，還是一本詼諧小品。這本書麵嚮的是初中級彆的讀者，因此一開始就嚮傳統的HTML編寫方式開炮，其實是讓讀者瞭解為語義，為CSS而寫HTML的重要性。接著講述創建樣式及樣式錶、確定需要樣式的元素、使用CSS的繼承和層疊、如何格式化文本、設置內外邊據和邊框、樣式化圖片、創建基於浮動的布局、定位頁麵元素、如何編寫打印樣式，最後，也是很重要的經驗之談：如何編寫能夠維護的CSS，作者稱之為CSS習慣。這些習慣可以為您節省很多積纍時間，因此對於高手來說，其實也能起到查漏補缺之效。附錄還列舉瞭很多有價值的資源，可以作為讀完本書後的提升資源。作者每個部分都運用大量的精心準備的例子，雖然稍嫌羅嗦，但不失為初學者的“實戰”之道，對於開發者或者程序員來說，例子也會比枯燥的理論更容易讓人接受。尤其對於常用工具（比如Dreamweaver）生成HTML和CSS的設計師來說，如能按照例子“實戰”一遍，定能獲益匪淺，提高手寫代碼能力。拿到這本書，可以說讓人欣喜的，迴想三年前我學習CSS的那段時間，往往隻能苦啃英語，四處搜索解決問題的方案，並自己慢慢積纍。如今，雖然隨著“革命”的蓬勃發展，中文的相關書籍還是太少，有品質的更是鳳毛麟角。對於閱讀外文有睏難的讀者來說，《CSS實戰手冊》實在是一個好消息。允許我再羅嗦一遍，它能夠大大降低您的學習成本和積纍時間，如果您真的是初學者的話。

—— Realazy

Web開發者當前所急需的CSS專著

HTML（XHTML）很容易入門，但是與其他同樣很容易入門的技術一樣，HTML很容易被誤用。在最初學習階段的愉快感覺之後，開發者在實際工作中很快就會陷入到混亂之中。這並不是HTML的錯，正是因為HTML的簡潔性和易用性（低門檻），Web纔得以以幾何級數的速度飛速發展，HTML應該繼續保持這樣的特點。使用HTML顯然並不是我們的目標，我們需要掌握一些更高層次的技術，這些技術可以指導我們以正確的方式使用HTML，建造齣可用性良好的Web頁麵。從CSS的角度來使用HTML，就是一種最佳實踐。其前提是開發者必須要深入掌握CSS，然後纔能確定如何為CSS來使用HTML。

《CSS實戰手冊》就是Web開發者當前所急需的CSS方麵的專著，而且它是從麵嚮開發者的角度來寫作的，將CSS的優雅和巨大潛力充分展示給瞭讀者。它的重點在於展示CSS在目前主流的瀏覽器中可以實踐的那些部分，而不是巨細無靡地羅列CSS規範的內容。這本書得到瞭Jolt的技術類書籍的大奬，據我所知，這是Web標準方麵（HTML、CSS、JavaScript、Ajax、etc）的技術書籍中第一本獲得Jolt大奬的。由於Jolt大奬的信譽，足以讓我們對這本書高度關注。博文視點以最短的時間將這本書引進到國內，使得國內的Web開發者很幸運地及時讀到瞭這本書。

我使用CSS來設計頁麵的樣式已經有兩年多瞭，不過至今仍然遇到一些難以解決的問題。特彆是完全使用基於浮動的布局，似乎在一些場閤的錶現並不比基於table的布局更好。這是我對CSS最關注的地方，我想也是大部分Web開發者最關注的地方。《CSS實戰手冊》中有一章內容非常詳細地介紹瞭基於浮動的布局，這有助於我們更加深刻地理解這種新的布局方式，剋服對這種布局方式的不適應。從解決復雜的問題入手來闡述技術的應用，這是這本書的與眾不同之處，這使得這本書更加實用（用現在流行的一個buzzword來說：更加pragmatic），我想這就是它獲得Jolt大奬的原因。此外，這本書中還有一章專門介紹如何設計打印機友好的頁麵，這也是我很關心的部分，這是傳統的頁麵設計的一個盲區。這本書還涉及到瞭頁麵設計中很多晦暗的部分，包括各種瀏覽器之間的差異，IE的各種鮮為人知的bug等等。《CSS實戰手冊》在黑夜中為我們打開瞭一盞探照燈，讓我們清晰地看到瞭更加廣闊的區域，對於全麵采用CSS充滿瞭信心。

基於Web標準的技術目前仍然處在迅速發展的階段。能夠反映齣使用Web標準的最佳實踐的書籍，在國內姍姍來遲，據我所知還是最近三年左右的事情（以博文視點的《網站重構》為起點）。但是這樣的一些聲音聲勢越來越大，逐漸匯成瞭一道洪流。假以時日，再過兩三年，Web開發的麵貌將會發生根本性的變化。

—— dlee