編輯推薦
Amazon第一css暢銷書全新改版,令人叫絕的CSS技術匯總。
內容簡介
CSS作為Web標準的一部分,已經成為現代網頁設計中必不可少的關鍵要素。CSS看似簡單,但真正精通CSS絕非易事。在使用CSS開發網站時,會遇到形形色色的瀏覽器bug和不一致問題,而解決方案又五花八門,往往讓使用者感覺千頭萬緒,不知從何著手。
作者簡介
Andy Budd,國際頂尖的網頁設計師,著名的Web標準倡導者,網頁諮詢公司Clearleft的創始人之一。曾組織過英國首屆Web 2.0會議,經常在Web Directions、An Event Apart、SXSW等國際會議上發表演講,參與一些國際設計獎項的評選,他還是.NET Magazine的諮詢委員會成員。
目錄
第1章 基礎知識
1.1 設計代碼的結構
1.1.1 標記簡史
1.1.2 文檔類型、DOCTYPE切換和瀏覽器模式
1.1.3 有效性驗證
1.2 小結
第2章 為樣式找到套用目標
2.1 常用的選擇器
2.2 通用選擇器
2.3 高級選擇器
2.3.1 子選擇器和相鄰同胞選擇器
2.3.2 屬性選擇器
2.3.3 層疊和特殊性
2.3.4 繼承
2.4 規劃、組織和維護樣式表
2.4.1 對文檔套用樣式
2.4.2 樣式指南
2.5 小結
第3章 可視化格式模型
3.1 盒模型概述
3.1.1 IE和盒模型
3.1.2 外邊距疊加
3.2 定位概述
3.2.1 視覺格式化模型
3.2.2 相對定位
3.2.3 絕對定位
3.2.4 浮動
3.3 小結
第4章 背景圖像效果
4.1 背景圖像基礎
4.2 圓角框
4.2.1 固定寬度的圓角框
4.2.2 山頂角
4.3 投影
4.3.1 簡單的CSS投影
4.3.2 來自Clagnut的投影方法
4.4 不透明度
4.5 圖像替換
4.5.1 FIR
4.5.2 Phark
4.5.3sIFR
4.6 小結
第5章 對連結套用樣式
5.1 簡單的連結樣式
5.2 讓下劃線更有趣
5.2.1 簡單的連結修飾
5.2.2 奇特的連結下劃線
5.3 已訪問連結的樣式
5.4 為連結目標設定樣式
5.5 突出顯示不同類型的連結
5.6 創建類似按鈕的連結
5.6.1 簡單的翻轉
5.6.2 圖像翻轉
5.6.3 Pixy樣式的翻轉
5.6.4 CSS精靈
5.6.5 用CSS 實現翻轉
5.7 純CSS工具提示
5.8 小結
第6章 對列表套用樣式和創建導航條
6.1 基本列表樣式
6.2 創建基本的垂直導航條
6.3 在導航條中突出顯示當前頁面
6.4 創建簡單的水平導航條
6.5 創建圖形化導航條
6.6 簡化的“滑動門”標籤頁式導航
6.7 Suckerfish下拉選單
6.8 CSS圖像映射
6.9 遠距離翻轉
6.10 對於定義列表的簡短說明
6.11 小結
第7章 對表單和數據表格套用樣式
7.1 對數據表格套用樣式
7.1.1 表格特有的元素
7.1.2 數據表格標記
7.1.3 對表格套用樣式
7.1.4 添加視覺樣式
7.2 簡單的表單布局
7.2.1 有用的表單元素
7.2.2 基本布局
7.2.3 其他元素
7.2.4 修飾
7.3 複雜的表單布局
7.3.1 可訪問的數據輸入元素
7.3.2 多列複選框
7.3.3 表單眼饋
7.4 小結
第8章 布局
8.1 計畫布局
8.2 設定基本結構
8.3 基於浮動的布局
8.3.1 兩列的浮動布局
8.3.2 三列的浮動布局
8.4 固定寬度、流式和彈性布局
8.4.1 流式布局
8.4.2 彈性布局
8.4.3 流式和彈性圖像
8.5 faux列
8.6 高度相等的列
8.7 CSS 列
8.8 CSS框架與CSS系統
8.9 小結
第9章 bug和修復bug
9.1 捕捉bug
9.2 捕捉bug的基本知識
9.2.1 儘量在一開始就避免bug
9.2.2 隔離問題
9.2.3 創建基本測試案例
9.2.4 修復問題,而不是修復症狀
9.2.5 請求幫助
9.3 擁有布局
9.3.1 什麼是布局
9.3.2 布局的效果
9.4 解決方法
9.4.1 IE條件注釋
9.4.2 關於hack和過濾器的一個警告
9.4.3 明智地使用hack和過濾器
9.4.4 套用IE for Mac帶通過濾器
9.4.5 套用星號HTML hack
9.4.6 套用子選擇器hack
9.5 常見bug及其修複方法
9.5.1 雙外邊距浮動bug
9.5.2 3像素文本偏移bug
9.5.3 IE 的重複字元bug
9.5.4 IE 的“藏貓貓”bug
9.5.5 相對容器中的絕對定位
9.5.6 停止對IE的批評
9.6 分級瀏覽器支持
9.7 小結
第10章 實例研究:Roma Italia
10.1 關於這個實例研究
10.2 基礎
10.2.1 著眼於HTML
10.2.2 reset.css
10.3 1080布局和格線
10.4 高級CSS 和CSS 特性
10.4.1 網站需要在每種瀏覽器中看起來完全一樣嗎
10.4.2 屬性選擇器
10.4.3 box-shadow、RGBa和text-overflow
10.5 字型連結和更好的Web排版
10.5.1 按以前的方式設定 font-size
10.5.2 標點符號懸掛
10.5.3 多欄文本布局
10.5.4 @font-face
10.5.5 Cufón,向@font-face發展的過渡手段
10.6 用AJAX和jQuery增加互動性
10.6.1 AJAX
10.6.2 jQuery
10.6.3 使用AJAX和jQuery實現搜尋
10.7 小結
第11章 實例研究:Climb the Mountains
11.1 關於這個實例研究
11.2 樣式表的組織和約定
11.2.1 screen.css
11.2.2 reset
11.2.3 使用條件注釋的IE樣式表
11.3 格線靈活性
11.4 用body類控制導航
11.4.1 突出顯示當前頁面
11.4.2 控制blockquote所處的層
11.5 戰略性地選擇元素
11.5.1 深層後代選擇器
11.5.2 :first-child偽類
11.5.3 相鄰同胞選擇器
11.6 透明度、陰影和圓角
11.6.1 我們的目標
11.6.2 說明圖像覆蓋和RGBa透明度
11.6.3 組合類
11.6.4 border-radius
11.6.5 box-shadow
11.7 定位列表和顯示內容
11.7.1 圓角
11.7.2 主海拔圖
11.8 小結