精通CSS與HTML設計模式

精通CSS與HTML設計模式

《精通CSS與HTML設計模式》是2008年人民郵電出版社出版的圖書,作者是鮑爾斯。本書是一部非常實用的CSS 與HTML(XHTML)解決方案手冊。

基本介紹

  • 書名:精通CSS與HTML設計模式
  • 作者:(美)鮑爾斯
  • 譯者:劉申、朱瑜敏、魯奇
  • ISBN:9787115185532
  • 類別:圖書
  • 頁數:494頁
  • 定價:69.00元
  • 出版社:人民郵電出版社
  • 出版時間:2008年
  • 裝幀:平裝
  • 開本:16開
內容簡介,作者介紹,目錄,

內容簡介

《精通CSS與HTML設計模式》書中包含了350多種可以立即使用的設計模式(涉及文本、背景、框線、圖片、表格、布局等多方面),並介紹了每種模式的原理和使用。每種設計模式、示例和原始碼都經過了精心設計,易於實現和使用。通過閱讀此書,可大大提高讀者在Web設計和開發中的效率和創造力。《精通CSS與HTML設計模式》結構清晰,示例豐富,實踐性強,適用於所有Web開發和設計人員。
本書是為那些對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種文本提示框(比如,提醒標識)。

相關詞條

熱門詞條

聯絡我們