CSS那些事兒:掌握網頁樣式與CSS布局核心技術

CSS那些事兒:掌握網頁樣式與CSS布局核心技術

《CSS那些事兒:掌握網頁樣式與CSS布局核心技術》是電子工業出版社出版的圖書,作者是藍色經典林小志。

基本信息

內容簡介

本書專注於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 網路資源分享

相關搜尋

熱門詞條

聯絡我們