內容簡介
本書是為那些對CSS和HTML有所了解的人士編寫的。它適用於以前閱讀過CSS和HTML入門書的新手，也適用於曾經嘗試過CSS但無法正確運用而放棄的設計者和開發者們，適用於想要提高CSS技術的專業人士，適用於所有希望快速完成設計的人——有了本書，他們就不用自己不斷摸索，找出可以在所有瀏覽器中生效的方案了。
本書假設讀者已經了解了編寫CSS和HTML代碼的基礎知識。如果你只在像Dreamweaver或FrontPage這種所見即所得的設計軟體中工作而從沒處理過HTML或CSS代碼，你可能會覺得本書中的代碼有些難度。
如果你喜歡通過例子學習，喜歡了解代碼是如何工作的，並且對CSS和HTML有所了解，你肯定會愛上這本書的。
在第17章和第20章中，有7種設計模式使用了JavaScript。為了完全理解它們，你需要了解JavaScript的基礎知識，但是使用這些模式不用精通JavaScript。最重要的是，你不需要知道任何有關JavaScript的知識來理解和使用書中的340多種設計模式，因為它們根本與 JavaScript無關。
作者介紹
Michael Bowers，資深Web開發專家，有18年專業軟體開發經驗。曾經作為首席軟體工程師和架構師開發過各種項目，包括許多網站、應用程式框架、編譯器、自定義語言，自動化工廠和銷售管理系統。他擁有音樂理論碩士學位，是一名優秀的鋼琴家。
目錄
第1章到第3章探討的是CSS和HTML的一些基礎知識。
第1章展示了設計模式是如何簡化CSS的運用的。這裡我演示了如何將簡單的設計模式組合成複雜和強大的模式。我也對CSS的語法和層疊排序進行了回顧。另外，我展示了幾個圖表，它們可令CSS的使用更簡單：實用的CSS網站連結列表，單頁CSS屬性總結；一個4頁的實用CSS屬性、取值和選擇符的列表，根據它們使用地方的不同來排列；度量單位和字型大小的圖表；兩個樣式表實例，展示了在所有瀏覽器中對元素樣式的標準化問題；一個12步的嚮導，用於解決CSS的有關的各種問題。
第2章介紹了HTML背後的設計模式。在本章，我展示了使用HTML（包括XHTML）的最佳實踐。也對可用HTML創建的結構類型進行了探討，其中包括結構化塊狀、終端塊狀、多目標塊狀和內聯。還講述了如何通過CSS選擇符對ID和屬性進行選擇。
第3章介紹了關於CSS選擇符和繼承的設計模式。這裡我演示了選擇符是如何作為HTML和CSS的橋樑的。我列出了關於類型、類、ID、定位、分組、屬性、偽元素、偽類和子類選擇符的設計模式。我還對CSS的繼承進行了講解。
第4章到第6章對6種盒模型進行了介紹。它們展示了每個HTML元素在不同盒類型（不是在每種盒類型中都能被解析的）中解析方式的不同之處。它們也演示了同一個屬性在不同盒模型中所產生的不同結果，並且在每個盒模型中，元素的排列順序是存在差異的。
第4章介紹了6種盒模型：內聯、內聯塊狀、塊狀、表格、絕對和浮動。
第5章對3種度量盒子的方式進行了探討：設定尺寸（sized）、包裹（shrinkwrapped）和拉伸（stretched）。
第6章介紹了每種盒模型的屬性：外邊距（margin）、框線（border）、內邊距（padding）、背景（background）、溢出（overflow）、可見性（visibility）、分頁（pagebreak）。
第7章到第9章對盒子的排列和定位進行了講解。
第7章介紹了5種定位模型（靜態、絕對、相對、固定和浮動），並將它們與6種盒模型聯繫起來。
第8章對盒子定位的3種方式進行了介紹：例如，可以對一個盒子縮進、外凸或相對它的兄弟元素進行偏移，或者參照它的容器來對齊與偏移。
第9章對第7、8章的模式進行了組合：這種組合會生成50多種對元素進行定位的設計模式（僅僅針對絕對和固定定位兩種方式）。
第10章到第12章對內聯盒模型的排列、樣式、空白、文本對齊與對象進行了詳細的闡述。
第10章介紹了為文本賦予樣式的一些屬性，其中還包括了隱藏文本的3種設計模式（這幾種設計模式對視力殘障用戶也是可訪問的）。
第11章展示了為內聯內容添加水平和垂直空白的方法。
第12章講述了如何對內聯內容水平和垂直對齊。
第13章到第14章詳細講解了塊狀元素和圖片的排列方式以及怎樣為它們賦予樣式。
第13章介紹了塊狀元素的相關內容，它以探討塊狀元素的結構含義和如何可視化地顯示此含義開始，涵蓋了列表、內聯塊狀元素、重疊的外邊距、內嵌塊狀元素、塊狀空白和邊緣塊狀元素。
第14章介紹了圖片的相關內容，例如圖片地圖（image map）、半透明圖片、用圖片替換文本、內嵌圖片（sprite）、陰影圖片和圓角圖片。
第15章和第16章深入地介紹了如何對表格以及單元格賦予樣式和布局。
第15章講的是表格，包括表格選擇符、重疊的框線（collapsed border）、隱藏單元格（hiding cell）、垂直對齊單元格內的內容以及把內聯和塊狀元素當作表格來顯示。
第16章介紹了12種用於布局表格列的模式，包括自動包裹表格列、為它們設定尺寸、按比例分配等。
第17章對如何用浮動元素創建流動布局進行了詳細的介紹。
第17章展示了如何創建浮動布局，它可根據不同的設備、字型、寬度、縮放進行自動調整。其中也介紹了如何用JavaScript創建互動的布局。
第18章至第20章介紹了如何通過組合設計模式為同一個問題創建出多種解決方案。每種方案會滿足不同的需求，它們也各有利弊。除了作為實用的解決方案外，它們也展示了如何通過組合模式來解決任何設計上的問題。
第18章介紹了字母下沉。這裡我通過7種不同的設計模式組合，對7種字母下沉進行了講解。
第19章對強調框和引用進行了講解。本章展示了5種強調框和3種引用。
第20章介紹了提示框。其中我列出了3種可互動的提示框和8種文本提示框（比如，提醒標識）。
