《CSSCookbook中文版》是2007年電子工業出版社出版的圖書。該書以“提出問題,解決問題”的速查模式安排章節,針對現實世界中的常見問題列舉了大量實例,介紹了很多實用的解決方案,每個例子都帶有清晰的解釋和可以隨時用於實際項目的代碼。
基本介紹
- 書名:CSS Cookbook中文版
- 出版社:電子工業出版社
- 出版時間:2007-10-1
- 開本:16
圖書簡介,內容簡介,目錄,第1章:概要,第2章:網頁排版,第3章:圖片,第4章:頁面元素,第5章:列表,第6章:連結和導航,第7章:表單,第8章:表格,第9章:頁面布局,第10章:列印,第11章:Workaround,第12章:用CSS進行設計,
圖書簡介
作 者:(美)施米特 著,陳寒林 譯
出 版 社:電子工業出版社
出版時間:2007-10-1
版 次:1
頁 數:516
字 數:660000
印刷時間:2007-10-1
開 本:16開
紙 張:膠版紙
印 次:1
I S B N:9787121049477
包 裝:平裝
內容簡介
當CSS技術在網頁設計和製作中變得越來越流行時,網頁開發的過程中遇到的問題也變得越來越多。全書共12章,前十章探討排版、圖片、頁面元素、列表、連結、表單、表格及列印等方面的套用技巧,第11章介紹了一些用來解決瀏覽器兼容性的hack,最後一章列舉了幾個經典的CSS設計範例。附錄提供了CSS屬性索引速查表,CSS選擇符、偽類、偽元素索引速查表等。
無論對於初學者還是有一定經驗的開發人員,這都是一本值得推薦的好書,該書可作為網頁設計人員身邊常備的技術參考手冊。
目錄
第1章:概要
在HTML中使用CSS
使用不同的選擇符來套用樣式
合理的使用類選擇符和ID選擇符
理解CSS屬性
理解盒模型
理解文檔類型(DOCTYPES)及對瀏覽器布局的影響
向網頁中導入樣式
如何使用不同類型的樣式表
在CSS里添加注釋
組織樣式表的內容
組織樣式表檔案
使用簡寫屬性
設定互動樣式表
對圖片使用浮動技術(Float)
使用絕對定位
使用相對定位
在Adobe Dreamweaver中使用CSS
在Microsoft Expression Web Designer中使用CSS
第2章:網頁排版
選擇字型
指定font的尺寸和大小
用更多的方式來控制文字大小
強行改變文字大小
文本居中
將文本設為左右對齊式
刪除標題和段落之間的空白
設定首字元大寫
設定較大、居中的大寫首字元
裝飾大寫的首字元(圖片裝飾)
創建標題並樣式化文本
創建標題並樣式化其文本和框線
用文字和圖片樣式化標題
創建HTML文本的引用效果
創建帶框線的引用
用圖片實現引用效果
段落首行縮進
整段縮進
懸掛式縮進
樣式化段落首行
用圖片樣式化段落首行
創建文本高亮效果
改變行距
給HTML文本添加圖形處理
為文本製造陰影特效
調整字元和單詞間的間距
第3章:圖片
為圖片鑲邊
刪除部分瀏覽器為圖片添加的默認框線
設定背景圖片
創建一行背景圖
給網頁設定背景圖
在一個選擇符中使用多幅背景圖
創建穩定的背景圖
在圖片上覆蓋HTML文本
使用圖片替換文本
用Flash文本替換HTML文本
使用多幅透明PNG圖片
創造全景圖效果
綁定不同的圖片格式
為定寬列設定圓角
用滑動門技術實現圓角效果
用山頂角技術創建圓角效果
用JavaScipt實現圓角效果
給圖片添加陰影
在圖片後添加平滑的陰影
圖片尺寸的縮放
創建文字氣球框
防止圖片的盜用
自動為圖片添加倒影效果
使用圖片精靈
第4章:頁面元素
消除頁面外邊距(margin)
給滾動條著色
居中放置頁面元素的技巧
設定頁面邊界
繪製水平線
使用Lightbox
第5章:列表
改變列表格式
實現跨瀏覽器的列表縮排效果
在列表項之間放置分隔設定
為列表創建自定義的文本標記符
給列表添加自定義的圖形標記符
用自定義的大圖片作為列表標記符
用圖片美化列表外觀
創建內聯列表(inline list)
在列表中創建懸掛式縮進
將標記符移動到列表內
第6章:連結和導航
刪除連結下畫線(並添加其他修飾)
改變連結顏色
改變網頁不同部分的連結顏色
在連結末尾放置圖示
改變指針形狀
不用Javascript創建翻轉效果(rollover)
創建文字導航選單和翻轉特效
創建水平導航選單
創建可用熱鍵訪問的導航選單
創建導覽列
創建基於圖像的翻轉
創建摺疊式選單
創建上下文選單
使用Title屬性
設計動態可視化選單
動態地改變網頁樣式表
第7章:表單
修改表單周圍的空白
設定input元素的樣式
給同一個表單中的不同input元素套用不同樣式
為文本域(textarea)元素設定樣式
為下拉列表和列表項元素設定樣式
創建Macintosh樣式的搜尋框
樣式化表單按鈕
創建圖片式提交按鈕
設定只能提交一次的按鈕
創建類似於HTML文本的提交按鈕
將HTML文本連結製作成提交按鈕
無表格的Web表單設計
不使用表格的兩列式表單布局
高亮表單域
製作反饋表單
樣式化Web表單的存取鍵(Access Key)
將常規的表單元素分組
像使用電子數據表一樣在表單中輸入數據
簡單的設計:登錄表單
示例設計:註冊表單
第8章:表格
設定單元格間距
設定框線以及單元格的內間距(padding)
設定標題(Caption)樣式
設定表格單元的樣式
樣式化表格內的標題元素(th)
消除表格單元里的圖片周圍的空白
消除表格單元之間的空白
為表格單元創建互動式背景色
為表格行添加高亮效果
設計範例:製作精緻的日曆
第9章:頁面布局
創建一列式布局
創建兩列式布局
創建寬度值固定的兩列式布局
用浮動(float)方式創建彈性(寬度可變)多列布局
用浮動創建寬度固定的多列布局
用定位技術創建寬度可變的多列式布局
使用定位技術創建寬度值固定的多列布局
利用浮動(float)以任意次序顯示各列內容
不對稱的頁面布局
第10章:列印
創建友好的列印頁面
製作可列印的網頁表單
在連結後顯示URI(通用資源標誌符)
在超連結前插入特殊字元
設計範例:套用CSS的友好的用戶列印界面
第11章:Workaround
從Netscape Navigator4.x中隔離樣式表
為Windows IE開發專用樣式表
消除IE/Win上的網頁閃爍現象
保持IE/Win 瀏覽器中背景圖片的位置固定不變
使用Win IE的條件注釋導入樣式
在Mac IE上隱藏CSS規則
設定智慧型hack管理系統
診斷CSS bug和瀏覽器疑難雜症
在一台電腦的多個平台上測試網站設計
在一台電腦上安裝多個版本的Win IE瀏覽器
用文本瀏覽器測試網站
第12章:用CSS進行設計
增大文本字號
創建獨特的反差效果
合併不相似的元素實現對比效果
用反差效果吸引視線
檢查色彩對比是否明顯
強調引用
附錄A:資源
附錄B:CSS 2.1屬性和屬性擴展
附錄C:CSS 2.1選擇符、偽類和偽元素
附錄D:表單元素的樣式
索引