內容簡介
本書專注於CSS技巧實例的講解,由淺入深地分析了CSS樣式在布局時所需要理解的原理。放棄到處可見的基礎知識、網路中能隨意搜尋到的hack技巧,側重原理分析,拓展讀者使用CSS布局的思維方式,通過本書的閱讀讀者將會了解到使用CSS布局的強大功能。
全書以傳達CSS布局思維為中心,通過頁面中的文字、圖片、表格、表單等常見元素的處理及各種頁面布局方式的使用,使讀者能深入了解到如何在頁面中更好地運用CSS布局。尤其是在頁面布局的部分中,全面分析了多種布局方式,著重分解了兩列等高和三列等高的幾種方式,並相應說明了等高布局的優缺點。
隨書所附光碟包含多媒體教學及實例源檔案。
無論是CSS布局的初學者還是具有一定水準的讀者,閱讀本書之後將會發現,原來CSS樣式居然是這么好玩的東西。本書適合網站開發人員、網頁設計人員參考學習,同時也適合作為相關培訓機構的教材。
作者簡介
林小志,藍色理想經典論壇標準版榮譽版主。多年網站設計和網站重構經驗,對CSS、XHTML等前台技術有著深厚的功底。接觸網站重構以來一直以“重構網站之前重構個人思維”的態度對待網站、追求網站結構完美語義性;也一直以這個態度跟他人溝通交流,也很喜歡大家以這樣的態度跟我溝通。
圖書目錄
第1部分 CSS入門篇
第1章 CSS入門篇
1.1 第1章 花落知多少——CSS正傳
視頻:光碟\視頻\認識CSS
1.1.1 CSS的作用
1.1.2 CSS的基本結構
1.1.3 CSS中的注釋
1.1.4 CSS的簡寫
1.2 網頁勾魂八技——掌握CSS選擇符
視頻:光碟\視頻\掌握選擇符
1.2.1 通配符選擇符
1.2.2 類選擇符
1.2.3 包含選擇符
1.2.4 子選擇符
1.2.5 相鄰選擇符
1.2.6 屬性選擇符
1.2.7 ID選擇符
1.2.8 選擇符的組合關係
1.3 莫須有?——偽類與偽對象
視頻:光碟\視頻\偽類與偽對象
1.3.1 偽類
1.3.2 偽對象
1.4 剪不斷理還亂——善處選擇符之間的關係
視頻:光碟\視頻\善處選擇符之間的關係
1.4.1 選擇符的覆蓋
1.4.2 選擇符z的繼承
1.4.3 選擇符的權重值優先權別
1.5 英雄救美——讓CSS拯救HTML
1.5.1 把CSS引入到HTML頁面中
1.5.2 樣式表的規劃與維護管理
1.6 小結
第2章 一畝三分地——CSS的工作環境
2.1 CSS的顯示環境——瀏覽器
視頻:光碟\視頻\瀏覽器
2.2 CSS的處理環境——編輯器
視頻:光碟\視頻\編輯器
2.2.1語法高亮
2.2.2 公共配置目錄
2.2.3 模板檔案
2.2.4 快捷鍵的設定
2.2.5 視窗半透明及視窗置頂
2.2.6 代碼輔助設定
2.2.7 用戶工具
2.2.8 自動完成
2.2.9 剪輯文本視窗
2.2.10 對編輯器的小結
2.3 CSS的輔助處理——周邊外掛程式
視頻:光碟\視頻\輔助外掛程式
2.4 小結
第2部分 CSS頁面布局篇
第3章 簡單也是複雜的——從一個簡單頁面布局說起
3.1 盒模型介紹
視頻:光碟\視頻\認識盒模型
3.1.1 認識盒模型
3.1.2 什麼是DOCTYPE
3.1.3 DOCTYPE的類型
3.1.4 IE瀏覽器=郵局的紙盒郵包
3.1.5 對盒模型的小結
3.2 網頁布局的設計原則
3.3 最簡單的頁面
視頻:光碟\視頻\簡單的頁面
3.3.1 這是一個網頁?
3.3.2 容器居中顯示
3.3.3 容器居中文本居左顯示
3.3.4 容器居右顯示
3.4 小結
第4章 提綱挈領——兩列頁面布局
4.1 兩列定寬結構
視頻:光碟\視頻\兩列定寬定高的布局
4.2 兩列自適應結構
視頻:光碟\視頻\兩列自適應的布局
4.3 單列定寬單列自適應結構
視頻:光碟\視頻\單列定寬單列自適應結構
4.4 兩列等高
視頻:光碟\視頻\兩列等高
4.4.1 背景模擬
4.4.2 負邊距實現
4.4.3 框線模擬
4.4.4 其他方式
4.5 小結
第5章 更大氣的三列或多列頁面布局
視頻:光碟\視頻\三列的頁面結構
5.1 三列或多列布局與兩列布局之間的微妙聯繫
5.2 兩列定寬中間自適應結構
5.3 左側定寬右側及中間自適應結構
5.4 三列寬度自適應結構
5.5 三列等高
5.5.1 背景模擬
5.5.2 負邊距實現
5.5.3 框線模擬
5.5.4 其他方式
5.6 小結
第3部分 CSS頁面元素篇
第6章 網頁文本潤色技法
6.1 文字基本樣式
視頻:光碟\視頻\文字基本樣式
6.1.1 字型設定
6.1.2 字形改變
6.1.3 文字顏色
6.2段落樣式
視頻:光碟\視頻\段落樣式
6.2.1首行縮進
6.2.2 行高調整
6.3 特殊效果
視頻:光碟\視頻\特殊效果
6.3.1 首字下沉
6.3.2 首行文字樣式
6.3.3 文字隱藏截取
6.4 文字連結
視頻:光碟\視頻\文字連結
6.4.1 基礎連結樣式
6.4.2 多彩連結樣式
6.4.3 圖文連結樣式
6.5 實例分解——新聞內容頁
視頻:光碟\視頻\實例分解
6.6 小結
第7章 淡妝濃抹總相宜——圖片的處理與美化
7.1 背景圖最佳化
視頻:光碟\視頻\背景屬性分解
7.1.1 背景屬性分解
7.1.2css sprite技巧分解
7.2 圖文混排處理
視頻:光碟\視頻\圖文混排及實例分解
7.3 實例分解——圖文新聞內容頁
7.4 小結
第8章 桀驁不馴的浪子——頁面中的列表
8.1 列表的種類
視頻:光碟\視頻\列表的種類
8.1.1 無序列表
8.1.2 有序列表
8.1.3 自定義列表
8.2 列表模式的導航
視頻:光碟\視頻\列表模式的導航
8.3 榜上有名,音樂榜單
視頻:光碟\視頻\榜上有名,音樂榜單
8.4 實例分解——二級選單導航
視頻:光碟\視頻\二級選單導航
8.5 實例分解——圖文列表信息
視頻:光碟\視頻\圖文列表信息
8.6 小結
第9章 苦樂年華——表單美容二三事兒
9.1 表單元素的特性說明
視頻:光碟\視頻\表單元素的特性說明
9.2 實例分解——登錄框的製作
視頻:光碟\視頻\登錄框的製作
9.3 實例分解——搜尋框的製作
視頻:光碟\視頻\搜尋框的製作
9.4 實例分解——反饋表單的製作
視頻:光碟\視頻\反饋表單的製作
9.5 小結
第10章 封閉的巴黎聖母院——走進表格的世界
10.1 表格的介紹
視頻:光碟\視頻\表格的介紹
10.1.1 以往的表格結構
10.1.2 正確的表格結構
10.2 細線表格
視頻:光碟\視頻\細線表格
10.3 隔行換色的表格
視頻:光碟\視頻\隔行換色的表格
10.4 實例分解——日曆表的製作
視頻:光碟\視頻\日曆表的製作
10.5 小結
第4部分 CSS套用篇
第11章 閒話CSS濾鏡
11.1 透明的圖文信息
視頻:光碟\視頻\透明的圖文信息
11.1.1 實現透明效果
11.1.2 了解透明濾鏡
11.1.3 解決透明濾鏡帶來的困惑
11.2 IE 6正常顯示PNG-24格式的圖片
視頻:光碟\視頻\ IE 6正常顯示PNG-24格式的圖片
11.2.1 在IE 6瀏覽器中正常顯示PNG-24格式的圖片
11.2.2 深入剖析PNG-24轉換濾鏡
11.3 濾鏡的是與非
11.4 小結
第12章 話說tab選項卡
視頻:光碟\視頻\話說tab選項卡
12.1 選項卡曾經的實現方式
12.2 如今的選項卡模式
12.3 選項卡實現原理分析
12.4 選項卡的最佳化
12.5 實現最終的選項卡效果
12.6 換個思路思考選項卡
12.7 不同XHTML結構選項卡的對比
12.8 小結
第5部分 CSS實戰篇
第13章 秀一把CSS相冊
視頻:光碟\視頻\秀一把CSS相冊
13.1 簡易相冊實現思路分析
13.2 實現簡易相冊的雛形
13.3 簡易相冊成形之初
13.4 美化簡易相冊
13.5 實現最終效果的簡易相冊
13.6 小結
第14章 怪異的導航模式
視頻:光碟\視頻\怪異的導航模式
14.1 怪異導航曾經的實現方法
14.2 如今實現怪異導航的方法
14.3 實現怪異導航的背景圖片
14.4 結合CSS樣式調用背景圖片
14.5 怪異導航細節最佳化
14.6 改變思路實現怪異導航
14.7 絕對定位方式實現怪異導航
14.8 又一種怪異導航模式
14.9 小結
第15章 時間緊隨標題的新聞列表
視頻:光碟\視頻\時間緊隨標題的新聞列表
15.1 時間緊隨標題的新聞列表的由來
15.2 時間緊隨標題的新聞列表雛形
15.3 使用max-width實現效果
15.4 原理分析及最終效果
15.5 小結
第16章 幻燈片的簡單模擬
視頻:光碟\視頻\幻燈片的簡單模擬
16.1 幻燈片原理分析
16.2 幻燈片的雛形
16.3 簡易幻燈片的功能實現
16.4 小結
第17章 談談清除浮動
17.1 浮動的原理
視頻:光碟\視頻\浮動的原理
17.2 清除浮動方式
視頻:光碟\視頻\清除浮動方式
17.3 小結
第18章 活動頁面布局實現
視頻:光碟\視頻\活動頁面布局實現
18.1 結構分析
18.2 模組分析
18.3 圖片最佳化
18.4 細節最佳化調整
18.5 小結
第6部分 寫在最後的話
附錄A 怎么提高自身編寫代碼的能力
附錄B W3C的CSS驗證是什麼
附錄C 網路資源分享