課程目錄
第1部分 CSS基礎知識
第1章 為CSS重新思考HTML
HTML：過去和現在
HTML的過去：一切看起來都好
HTML的現在：CSS的腳手架
為CSS寫HTML
思考布局結構
學習兩種新的HTML標籤
可以遺忘的HTML
在網站上引導訪問者的技巧
Doctype(文檔類型)的重要性
第2章 創建樣式和樣式表
樣式剖析
理解樣式表
內部還是外部－－如何選擇
內部樣式表
外部樣式表
使用HTML連結一個樣式表
用CSS連結一個樣式表
教程：創建你的第一個樣式
創建一個行內的樣式
創建一個內部樣式表
創建一個外部樣式表
第3章 選擇器基礎－－判斷要給什麼添加樣式
標籤選擇器：整體樣式
類選擇器：精確控制
ID選擇器：特殊的網頁元素
給標籤內的標籤定義樣式
HTML族譜
創建派生選擇器
給標籤群定義樣式
構造群選擇器
通配選擇器
偽類和偽元素
給連結定義樣式
更多的偽類和偽元素
高級選擇器
子選擇器
鄰近同胞
屬性選擇器
教程：選擇器模型
創建群選擇器
創建和套用類選擇
創建和套用ID選擇器
創建派生選擇器
第4章 利用繼承節省時間
什麼是繼承
……
第5章 管理多種樣式－－層疊
第2部分 實用的CSS
第6章 格式化文本
第7章 Margin、Padding和Border
第8章 給網頁添加圖片
第9章 裝飾網站導航
第10章 格式化表格和表單
第3部分 CSS布局
第11章 建立基於浮動的布局
第12章 定位網頁上的元素
第4部分 高級的CSS
第13章 用於列印頁面的CSS
第14章 改進你的CSS習慣
第5部分 附錄
附錄A CSS屬性參考
附錄B Dreameaver8中的CSS
附錄C CSS資源
索引
內容簡介
博文視點CSS三劍客之實戰之劍
第17屆Jolt Award（震撼大獎）獲獎圖書
從入門到精通，循序漸進
作者簡介
俞黎敏，現任薩蒂揚軟體技術（上海）有限公司項目經理，深入了解電力、電信行業的系統，並負責核心繫統研發與管理工作。開源愛好者，曾經參與滿江紅開源組織Spring 2.0 Refence中文翻譯的一審與二審工作和Seam1.2.1Reference中文翻譯工作，並擔任CSDN\CJSDN\DEV2DEV、MATRIX、JAVA WORLDTW 等JAVA論壇版主，在各大技術社區推動開源和敏捷開發作出發積極的貢獻。
媒體推薦
推薦序一
推薦序一
軟體開發作為新興的行業，在短短几年中走過了輝煌的歷程，尤其是網際網路的發展，給Web開發帶來無比強大的推動力，讓網頁開發技術飛速發展。回想幾年前，網頁設計還是開發中不被重視的一環，而今天，我們在新一輪網際網路的大潮中深刻地感受到網頁——直接給予用戶第一感受的載體，是多么的重要。當“Table禁止用於布局”逐步寫進各大公司的網頁製作規範的時候，當CSS + Div模式已經成為行業標準的時候，當開發的產品要適應不同瀏覽器的時候，我們逐步發現，行業技術在不斷地細化，網頁的設計與製作之間的關係，不僅超越了技術本身，而且還逐步引入感官體驗、易用性，甚至互動設計等元素。
本書從行業發展的角度出發，深入細緻地講述了如何製作出優秀的網頁，以及規範中隱含的技巧。本書深入淺出地講述了如何換位思考HTML的結構，如何規範使用樣式表的各種功能，如何整體規劃網頁布局和感受用戶體驗。本書最好地體現了“細節決定成敗”的原則。閱讀本書，希望讀者不僅能了解到製作優秀網頁的方法，而且能培養“探索無止境，學習無盡期”的創新和開拓精神。
本書是幫助你站上巨人肩膀的又一塊墊腳石。
中國區運營經理
Yanger
2007年6月
推薦序二
推薦序二
對Web開發而言，CSS已逐漸成為每位程式設計師的必修課之一。如果說以前還認為CSS只是美工的事情的話，那么現在隨著AJAX的持續火爆以及由此產生的對網頁的標準化，內容與樣式分離的迫切需要，每位Web程式設計師的身邊都要放一本CSS參考書了。
CSS: The Missing Manual無疑就是這樣一本好書。和枯燥的、代碼堆砌的一般技術書不同，打開這本書，你看到的仿佛是位和藹可親的師者，耐心細緻，娓娓道來。從重新思考HTML到鍵入第一行CSS代碼，到用CSS建立布局，再到完全來自於第一線實踐的經驗，由淺入深，每個部分都附有大量的範例，讓讀者閱讀時完全沒有生澀和枯燥的感覺，反而多了些許的輕鬆。你可以坐著、躺著，甚至是躲在被窩裡讀這本書。學習在這裡變得輕鬆、有趣而富有成就感。不過，我建議你身邊最好還是有一台隨時可以工作的電腦，因為在閱讀時，你可能隨時都會有敲上兩行代碼的衝動，書中那一個個漂亮精緻的範例實在是太有誘惑力了。
作為一名從這本書中收益頗多的Web開發人員，我想把它推薦給所有戰鬥在Web開發第一線的程式設計師朋友，分享閱讀的快樂和收穫。不管是剛剛才接觸CSS的初學者，還是一位CSS高手，都一定能從這本書里找到所想要了解和知道的內容。這本書另外一個著重推薦的理由無疑是它的譯者——俞黎敏。在整個Java社區，YuLimin（阿敏總司令）無疑是一個閃亮的名字。
這么一本優秀的好書，這么一位優秀譯者的譯作，您絕對值得擁有。
北京東方易維軟體
高級設計師 榮浩
2007年5月
書評
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開發的面貌將會發生根本性的變化。
李錕
譯者序
譯者序
10年前，當我在記事本中一點一滴地書寫著HTML、JavaScript、CSS並保存，然後在瀏覽器里預覽自己的傑作時，感覺這是多么神奇、有趣！
10年後的今天，當Web 2.0的概念已經遍地開花結果時，從1996年提出的CSS 1，到即將出現的CSS 3，我們難免不聯想到Web 3.0的蠢蠢欲動了。
沒有CSS的手冊，人們常常不知道從哪裡入手學習CSS。好的CSS點子甚至可以勝過經驗豐富的網站專家。本書的目的，就是作為應該與CSS一起提供的一本手冊。在本書中，你會發現利用CSS創建漂亮網頁的循序漸進的用法說明。
《CSS實戰手冊》（CSS: The Missing Manual）適用於處在各種技術水平的讀者。如果你以前還從未創建過網頁，那么看看本書中的第一個教程。如果你是創建網頁的新手，本書中的“加油站……”可以給你提供理解手邊這一主題所需要的信息。如果你是一位高級網頁專家，那么請留意“高級用戶診所”的內容，它們為經驗豐富的計算機迷們提供了更多的技術提示、訣竅和捷徑。
在即將翻譯完成這本書時，我驚奇地發現，它獲得了第17屆Jolt技術圖書生產效率獎。總之，這是一本你絕對值得擁有的好書。
雖然我在翻譯的過程中竭力以求信、達、雅，但限於自身水平，也許仍有不足，還望各位讀者不吝指正。
下面是翻譯時採用的術語表
Cascading Style Sheet 層疊樣式表
Internal Style Sheet 內部樣式表
External Style Sheet 外部樣式表
inheritance 繼承
descendent selector 派生選擇器
universal selector 通配選擇器
Inline Style 行內樣式表
margin 邊距
top margin 上邊距
bottom margin 下邊距
left margin 左邊距
right margin 右邊距
padding 填充
top padding 上方填充
bottom padding 下方填充
left padding 左側填充
right padding 右側填充
border 框線
border color 框線顏色
border style 框線樣式
border width 框線寬度
anchor 錨（FrontPage里叫書籤，Dreamweaver里叫命名錨記）
float 浮動
media type 媒體類型
bulleted list 無序列表
numbered list 有序列表
non-numbered 非編號
quirks mode 怪異模式
hack 不譯，也不譯成補丁、黑客
filter 濾鏡
感謝Ajaxcn的李錕（dlee）對我在翻譯中碰到的問題進行深入的討論，並對本書翻譯時所採用的術語表進行認真的磋商；感謝JavaEye的網友們特別是hax在術語表討論貼中提出許多中肯的建議；感謝滿江紅開源組織的曹曉鋼提供的一些翻譯註意事項和熱情的幫助；感謝Matrix的Chris耐心且詳細地回答了我的一些疑問；感謝母校的章義來教授的不斷鼓勵與熱心幫助；感謝本書的編輯何艷女士仔細且認真地進行編排與校對，並感謝博文視點的周筠老師、梁晶編輯和王曉菲編輯的熱情幫助，謝謝你們了。
感謝我的家人在翻譯本書時提供的各種幫助，讓我能夠安心地坐在電腦前面：我母親為我們烹飪出可口的飯菜；我父親和爺爺在家裡打理一切事務；我愛人幫助我對譯文進行語法糾正和文字潤色，進一步增強了文章的易讀性和親和性；還有我那調皮的女兒，每每看到我坐在電腦前時，她都會裝腔作勢地過來說：“不要天天打電腦！”但她並沒有真正干擾我的正常工作，要不然想完成譯稿真的得等到2008年了，呵呵。
最後，祝大家能夠像我一樣在閱讀中享受本書帶來的樂趣！
Read a bit and take it out, then come back read some more.
俞黎敏
2007年春節於福建莆田
