前言
第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章:hack、workaround及troubleshooting
從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:錶單元素的樣式
索引
· · · · · · (
收起)
評分
☆☆☆☆☆
首先勘个误 p291/p292 代码片段与web截图不匹配 ============================= 关于书: 用来给css刚刚入门的新手做cookbook是非常好的,好过网上攒来的代码。对css有比较系统了解的人看这书就比较鸡肋,权当重温吧。 关于中文版: 翻译算比较流畅; 有代码片段驴唇不对马...
評分
☆☆☆☆☆
首先勘个误 p291/p292 代码片段与web截图不匹配 ============================= 关于书: 用来给css刚刚入门的新手做cookbook是非常好的,好过网上攒来的代码。对css有比较系统了解的人看这书就比较鸡肋,权当重温吧。 关于中文版: 翻译算比较流畅; 有代码片段驴唇不对马...
評分
☆☆☆☆☆
CSS入门后,在实际工作中再来看这本书,事倍功办,有些实际的工作,可以直接在书上找到解决办法。有些书,特别是那本《CSS权威指南》,看着非常讳涩,翻译的特别差劲,原版也好不到哪去,举的例子没有系统性,如果你想要找到某个问题的解决方法,那么这本号称经典的书并不适合...
評分
☆☆☆☆☆
首先勘个误 p291/p292 代码片段与web截图不匹配 ============================= 关于书: 用来给css刚刚入门的新手做cookbook是非常好的,好过网上攒来的代码。对css有比较系统了解的人看这书就比较鸡肋,权当重温吧。 关于中文版: 翻译算比较流畅; 有代码片段驴唇不对马...
評分
☆☆☆☆☆
首先勘个误 p291/p292 代码片段与web截图不匹配 ============================= 关于书: 用来给css刚刚入门的新手做cookbook是非常好的,好过网上攒来的代码。对css有比较系统了解的人看这书就比较鸡肋,权当重温吧。 关于中文版: 翻译算比较流畅; 有代码片段驴唇不对马...