別具光芒CSS屬性、瀏覽器兼容與網頁布局

《別具光芒CSS屬性、瀏覽器兼容與網頁布局》是2008年人民郵電出版社出版的圖書。該書結合大量範例與實際套用的實例，詳細介紹了W3C發布的層疊樣式表CSS2.1規範，瀏覽器對於CSS2.1規範解釋的異同，以及使用XHTML和層疊樣式表對網頁進行結構化與美化的實際製作方法。

基本介紹

• 書名：別具光芒CSS屬性、瀏覽器兼容與網頁布局
• 頁數：416頁
• 出版社：人民郵電出版社
• 出版時間：2008年10月1日

圖書信息

正文語種: 簡體中文

開本: 16

ISBN: 9787115181237

條形碼: 9787115181237

尺寸: 25.6 x 18.4 x 2 cm

重量: 739 g

內容簡介

《別具光芒CSS屬性、瀏覽器兼容與網頁布局》內容由淺入深，不僅介紹了Web標準和層疊樣式表的各個屬性，還結合實例對屬性的實際套用進行講解，同時配合在不同瀏覽器內的效果展示，針對讀者實際製作中可能遇到的問題，提供了解決問題的思路和方法。

目錄

第1部分 Web標準

第1章 Web標準概述

1.1 Web標準概述

1.2 表現與結構的分離

1.3 易用性

1.4 難點所在

1.4.1 DIV+CSS不等於Web標準

1.4.2 正確使用XHTML標籤

1.4.3 表格本身並沒有被拋棄

1.4.4 善於利用CSS

1.4.5 不要濫用class

1.4.6 應對瀏覽器

1.4.7 “通過驗證”並不是最終目的

1.5 SEO簡介

第2章 結構與XHTML

2.1 理解結構與表現

2.1.1 內容

2.1.2 結構(Structure)

2.1.3 表現(Presentation)

2.1.4 行為(Behavior)

2.2 從HTML到XHTML

2.2.1 HTML簡史

2.2.2 HTML的缺點

2.2.3 從HTML到XHTML

2.3 理解(X)HTML標籤的語義

2.3.1 (X)HTML與瀏覽器默認樣式

2.3.2 常用的XHTML標籤和屬性

2.3.3 (X)HTML各個元素對搜尋引擎的權重比例

2.4 網站整體製作基本流程

2.4.1 總體流程與分工

2.4.2 靜態頁面製作

第2部分 層疊樣式表CSS

第3章 CSS入門

3.1 CSS簡介

3.1.1 起源

3.1.2 神奇的CSS

3.1.3 CSS與HTML

3.1.4 CSS與瀏覽器

3.1.5 CSS 2.1與CSS 2

3.2 CSS的使用方法

3.2.1 行內式樣式(Iinline Style)

3.2.2 嵌入式樣式表(Embedded Style Sheets)

3.2.3 外部樣式表(Link Style Sheets)

3.2.4 導入式樣式表

3.2.5 套用

3.2.6 維護和組織樣式表

3.3 基本樣式規則

3.3.1 基本語法

3.3.2 繼承與層疊

3.3.3 分組

3.3.4 注釋

3.3.5 縮寫

3.3.6 注意事項

3.4 元素類型

3.4.1 替換和不可替換元素

3.4.2 顯示元素

3.5 媒體類型

3.5.1 指定媒體相關的樣式表

3.5.2 媒體組

第4章 文檔結構與選擇器

4.1 文檔結構

4.2 CSS選擇器

4.2.1 通配選擇器(Universal Selector)

4.2.2 類型選擇器(Type Selectors)

4.2.3 ID選擇器(ID Selectors)

4.2.4 類選擇器(Class Selectors)

4.2.5 包含選擇器(Descendant Selectors)

4.2.7 相鄰兄弟選擇器(Adjacent Sibling Selectors)

4.2.8 屬性選擇器(Attribute Selectors)

4.3 偽類與偽元素

4.3.1 偽類(Pseudo-Classes)

4.3.2 偽元素(Pseudo-Elements)

4.3.3 注意

4.4 指定值、計算值和實際值

4.5 繼承

4.5.1 值的繼承

4.5.2 “inherit”值

4.5.3 繼承的局限性

4.6 層疊

4.6.1 層疊的順序

4.6.2 特殊性的計算

4.6.3 繼承和特殊性

4.6.4 重要性

4.6.5 非CSS的表現類內容

4.7 CSS 3新增選擇器前瞻

4.7.1 更多的屬性選擇器

4.7.2 普通兄弟選擇器

4.7.3 結構偽類(Structural Pseudo-Classes)

4.7.4 UI元素偽類和偽元素

4.7.5 其他偽類

4.8 命名規範

4.9 選擇器綜合運用

第5章 單位和值

5.1 顏色

5.1.1 顏色關鍵字

5.1.2 RGB顏色

5.1.3 關鍵字transparent

5.1.4 網頁安全色(Web-safe Colors)

5.2 整數值和實數值

5.3 長度

5.3.1 格式

5.3.2 長度單位

5.3.3 套用

5.4 百分比

5.5 關鍵字

5.6 字元串

5.7 URL+URN=URI

5.8 其他值

5.8.1 記數器

5.8.2 角度

5.8.3 時間

5.8.4 頻率

5.9 不支持的值的處理

第6章 字型

6.1.1 語法

6.1.2 常用字型系列

6.2 字型尺寸：font-size屬性

6.2.1 語法

6.2.2 絕對尺寸

6.2.3 相對尺寸

6.2.4 百分比和em

6.2.5 尺寸的繼承與瀏覽器的顯示

6.2.6 解析度與彈性設計

6.3 字型磅值：font-weight屬性

6.3.1 語法

6.3.2 繼承

6.3.3 瀏覽器顯示原理

6.4 字型樣式：font-style屬性

6.5 字型變形：font-variant屬性

6.6 縮寫的字型屬性：font屬性

6.6.1 語法

6.6.2 注意

6.6.3 系統字型

6.7 調整與拉伸

6.7.1 字型調整：font-size-adjust屬性

6.7.2 字型伸展：font-stretch屬性

6.8 字型匹配原理

6.8.1 字型的匹配步驟

6.8.2 設定字型集的注意事項

6.8.3 字型的選擇

6.8.4 font-face規則

第7章 文本

7.1 文本水平對齊：text-align屬性

7.1.1 語法

7.1.2 適用於：塊級元素

7.1.3 繼承

7.1.4 套用：整體居中

7.2 文本縮進：text-indent屬性

7.2.1 語法

7.2.2 正值縮進

7.2.3 負值縮進

7.2.4 套用：隱藏單行文字

7.3 行高：line-height屬性

7.3.1 語法

7.3.2 內容區域、行內框和行框

7.3.4 瀏覽器的差別與錯誤

7.3.5 套用：單行文字在垂直方向居中

7.4 垂直對齊：vertical-align屬性

7.4.1 語法

7.4.2 屬性值詳解

7.4.3 奇怪的IE

7.4.4 文檔類型與純圖片內容的垂直對齊

7.4.5 單元格的垂直對齊

7.5 單詞間隔(word-spacing)和字母間隔(letter-spacing)

7.5.1 單詞間隔：word-spacing屬性

7.5.2 字母間隔：letter-spacing屬性

7.5.3 水平對齊的影響和繼承

7.6 文本轉換：text-transform屬性

7.7 文本裝飾：text-decoration屬性

7.8 空白：white-space屬性

7.8.1 語法

7.8.2 屬性值詳解

7.8.3 套用：顯示不回行文本

7.9 文本陰影：text-shadow屬性

7.10 文字方向direction和編碼方式unicode-bidi

第8章 框模型

8.1框模型(Box Model)

8.2 包含塊(Containing Block)

8.2.1 視口(viewport)

8.2.2 包含塊

8.3 寬度：width屬性

8.3.1 語法

8.3.2 行內元素的寬度

8.3.3 長度和百分比

8.4 最大寬度(max-width)和最小寬度(min-width)

8.5 高度：height屬性

8.5.1 語法

8.5.2 行內元素的高度

8.6 最大高度(max-height)和最小高度(min-height)

8.7 補白：padding屬性

8.7.1 縮寫屬性：padding

8.7.2 補白、寬度和高度

8.7.3 百分比值補白

8.8 框線：border屬性

8.8.1 框線顏色

8.8.2 框線寬度

8.8.3 框線樣式

8.8.4 不同方向的框線屬性縮寫

8.8.5 縮寫屬性border

8.8.6 行內元素的框線

8.8.7 套用：文字連結的裝飾

8.9 邊距：margin屬性

8.9.1 水平方向的邊距：margin-left屬性和margin-right屬性

8.9.2 垂直方向的邊距：margin-top屬性和margin-bottom屬性

8.9.3 百分比值邊距

8.9.4 負值邊距

8.9.5 套用：元素水平居中

8.10 常規流向中的視覺格式化

8.10.1 塊級元素的水平格式化

8.10.2 套用：寬度自適應的布局

8.10.3 塊級元素的垂直格式化

8.10.4 套用：高度自適應瀏覽器視窗

8.10.5 行內元素的格式化

第9章 浮動、定位與視覺格式化模型

9.1 視覺格式化模型控制框的生成

9.1.1 塊框的生成(block box)

9.1.2 行內框(inline box)

9.1.3 插入框(run-in box)

9.2 顯示類型：display屬性

9.2.1 語法

9.2.2 套用：顯示或隱藏元素

9.3 定位

9.3.1 選擇定位方式：position屬性

9.3.2 設定框偏移：top、right、bottom、left屬性

9.3.3 相對定位

9.3.4 絕對定位

9.3.5 堆疊順序：z-index屬性

9.3.6 IE中的position

9.3.7 套用：顯示提示內容

9.4 浮動與清除

9.4.1 設定浮動：float屬性

9.4.2 浮動元素的視覺格式化內容

9.4.3 清除浮動：clear屬性

9.4.4 套用：3行3列布局設計

9.6 溢出和剪下

9.6.1 溢出：overflow屬性

9.6.2 剪下：clip屬性

9.6.3 clip與overflow屬性的關係

9.7 可視性：visibility屬性

9.7.1 屬性值詳解

9.7.2 套用：顯示及隱藏元素

第10章 顏色與背景

10.1 顏色基礎

10.2 前景色：color屬性

10.2.1 連結

10.2.2 框線

10.2.3 表單元素

10.3 背景

10.3.1 背景顏色：background-color屬性

10.3.2 背景圖片：background-image屬性

10.3.3 背景圖片重複：background-repeat屬性

10.3.4 背景圖片附屬：background-attachment屬性

10.3.5 背景圖片定位：background-position屬性

10.3.6 縮寫屬性：background

10.3.7 元素的背景

10.4 套用

10.4.1 靈活使用背景

10.4.2 模擬框線

10.4.3 簡單的連結背景替換

10.4.4 導航選單的滑動門效果

第11章 表格

11.1 表格的標籤與屬性

11.1.1 標籤概覽

11.1.2 (X)HTML屬性

11.2 CSS的表格模型

11.2.1 表格模型概述

11.2.2 display屬性

11.2.3 匿名表格對象

11.2.4 列

11.3 表格的視覺格式化

11.3.1 匿名框、標題框與表格框

11.3.2 標題的定位：caption-side屬性

11.3.3 表格內容的視覺布局

11.3.4 表格的層和透明性

11.3.5 表格寬度算法：table-layout屬性

11.3.6 表格高度

11.3.7 單元格內容的對齊

11.4 單元格框線：border-collapse屬性

11.4.1 分離的框線模型

11.4.2 重合的框線模型

11.4.3 框線樣式

第12章 列表和生成的內容

12.1 列表

12.1.1 列表樣式類型：list-style-type屬性

12.1.2 列表樣式圖片：list-style-image屬性

12.1.3 列表樣式定位：list-style-position屬性

12.1.4 列表樣式縮寫：list-style屬性

12.1.5 瀏覽器對列表的表現與樣式的繼承

12.2 生成的內容

12.2.1 :before和:after偽元素

12.2.2 生成內容：content屬性

12.2.3 自動記數和編號

第13章 用戶界面

13.1 滑鼠指針：cursor屬性

13.1.1 關鍵字

13.1.2 圖片滑鼠指針

13.2 系統字型和顏色

13.2.1 系統字型

13.2.2 系統顏色

13.3 動態的外廓：outline屬性

13.3.1 外廓與框線的區別

13.3.2 外廓寬度：outline-width屬性

13.3.3 外廓樣式：outline-style屬性

13.3.4 外廓顏色：outline-color屬性

13.3.5 縮寫：outline屬性

13.3.6 外廓與焦點

第14章 頁面媒體 300KV

14.1頁面媒體簡介

14.2 指定媒體類型

14.3 頁框：page規則

14.3.1 頁邊距

14.3.2 頁面選擇器

14.4 分頁 304L

14.4.1 元素前後分頁：page-break-before和page-break-after屬性

14.4.2 元素內部分頁：page-break-inside屬性

14.4.3 元素內的分割：orphans和widows屬性

14.4.4 分頁的規則

14.5 CSS 2中的屬性

14.5.1 頁框尺寸：size屬性

14.5.2 裁切標記：marks屬性

14.5.3 使用命名的頁：page屬性

14.6 顯示器、印表機和投影

14.6.1 設備特點

14.6.2 設計要點

第15章 聽覺樣式表

15.1 聽覺(aural)類型與語音(speech)類型

15.1.1 連結聽覺樣式的特點

15.1.2 與聽覺屬性相關的值

15.2 音量屬性：volume屬性

15.3 發音：speak屬性

15.4 暫停：pause-before、pause-after和pause屬性

15.5 提示：cue-before、cue-after和cue屬性

15.6 混音：play-during屬性

15.7 空間：azimuth和elevation屬性

15.8 語音特徵屬性

15.9 語音：speak-punctuation和speak-numeral屬性

15.10 敘述表頭：speak-header屬性

第16章 瀏覽器與Hack

16.1 瀏覽器簡介

16.1.1 瀏覽器的發展

16.1.2 瀏覽器的解釋引擎

16.1.3 瀏覽器的工作模式

16.2 Windows IE

16.2.1 hasLayout屬性

16.2.2 條件注釋

16.3 常用的CSS Hack

16.3.1 CSS Hack原理

16.3.2 CSS Hack不是必須的

16.3.3 常用的CSS Hack

16.4 發現與解決問題

16.4.1 排查問題

16.4.2 常見的非Bug問題

16.4.3 Windows IE常見Bug

第3部分 結構化實例

第17章 旅遊網站

17.1 結構化

17.1.1 分析內容結構

17.1.2 基本結構

17.1.3 頁首部分的結構化

17.1.4 中間部分的結構化

17.1.5 頁腳部分的結構化

17.2 圖片格式與網路基礎知識

17.2.1 圖片格式

17.2.2 圖片與最佳化

17.3 CSS美化

17.3.1 整體分析

17.3.2 header層

17.3.3 logo層

17.3.4 mainNav層

17.3.5 login層

17.3.6 controlMenu層

17.3.7 main層

17.3.8 travels層

17.3.9 hot層

17.3.10 ad1層

17.3.11 photos層

17.3.12 forumList層

17.3.13 forumHot層

17.3.14 club層

17.3.15 vote層和community層

17.3.16 footer層

17.4 版式與結構

17.5 小結