CSS那些事兒：掌握網(wǎng)頁樣式與CSS布局核心技術(shù)圖

時間：2023-02-21 08:34:02 | 來源：營銷百科

時間：2023-02-21 08:34:02 來源：營銷百科

CSS那些事兒：掌握網(wǎng)頁樣式與CSS布局核心技術(shù)圖書目錄：第1部分 CSS入門篇

第1章 CSS入門篇

1.1 第1章 花落知多少——CSS正傳

視頻：光盤視頻認識CSS

1.1.1 CSS的作用

1.1.2 CSS的基本結(jié)構(gòu)

1.1.3 CSS中的注釋

1.1.4 CSS的簡寫

1.2 網(wǎng)頁勾魂八技——掌握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 選擇符的權(quán)重值優(yōu)先級別

1.5 英雄救美——讓CSS拯救HTML

1.5.1 把CSS引入到HTML頁面中

1.5.2 樣式表的規(guī)劃與維護管理

1.6 小結(jié)

第2章 一畝三分地——CSS的工作環(huán)境

2.1 CSS的顯示環(huán)境——瀏覽器

視頻：光盤視頻瀏覽器

2.2 CSS的處理環(huán)境——編輯器

視頻：光盤視頻編輯器

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 對編輯器的小結(jié)

2.3 CSS的輔助處理——周邊插件

視頻：光盤視頻輔助插件

2.4 小結(jié)

第2部分 CSS頁面布局篇

第3章 簡單也是復雜的——從一個簡單頁面布局說起

3.1 盒模型介紹

視頻：光盤視頻認識盒模型

3.1.1 認識盒模型

3.1.2 什么是DOCTYPE

3.1.3 DOCTYPE的類型

3.1.4 IE瀏覽器=郵局的紙盒郵包

3.1.5 對盒模型的小結(jié)

3.2 網(wǎng)頁布局的設計原則

3.3 最簡單的頁面

視頻：光盤視頻簡單的頁面

3.3.1 這是一個網(wǎng)頁？

3.3.2 容器居中顯示

3.3.3 容器居中文本居左顯示

3.3.4 容器居右顯示

3.4 小結(jié)

第4章 提綱挈領——兩列頁面布局

4.1 兩列定寬結(jié)構(gòu)

視頻：光盤視頻兩列定寬定高的布局

4.2 兩列自適應結(jié)構(gòu)

視頻：光盤視頻兩列自適應的布局

4.3 單列定寬單列自適應結(jié)構(gòu)

視頻：光盤視頻單列定寬單列自適應結(jié)構(gòu)

4.4 兩列等高

視頻：光盤視頻兩列等高

4.4.1 背景模擬

4.4.2 負邊距實現(xiàn)

4.4.3 邊框模擬

4.4.4 其他方式

4.5 小結(jié)

第5章 更大氣的三列或多列頁面布局

視頻：光盤視頻三列的頁面結(jié)構(gòu)

5.1 三列或多列布局與兩列布局之間的微妙聯(lián)系

5.2 兩列定寬中間自適應結(jié)構(gòu)

5.3 左側(cè)定寬右側(cè)及中間自適應結(jié)構(gòu)

5.4 三列寬度自適應結(jié)構(gòu)

5.5 三列等高

5.5.1 背景模擬

5.5.2 負邊距實現(xiàn)

5.5.3 邊框模擬

5.5.4 其他方式

5.6 小結(jié)

第3部分 CSS頁面元素篇

第6章 網(wǎng)頁文本潤色技法

6.1 文字基本樣式

視頻：光盤視頻文字基本樣式

6.1.1 字體設置

6.1.2 字形改變

6.1.3 文字顏色

6.2 段落樣式

視頻：光盤視頻段落樣式

6.2.1首行縮進

6.2.2 行高調(diào)整

6.3 特殊效果

視頻：光盤視頻特殊效果

6.3.1首字下沉

6.3.2 首行文字樣式

6.3.3 文字隱藏截取

6.4 文字鏈接

視頻：光盤視頻文字鏈接

6.4.1 基礎鏈接樣式

6.4.2 多彩鏈接樣式

6.4.3 圖文鏈接樣式

6.5 實例分解——新聞內(nèi)容頁

視頻：光盤視頻實例分解

6.6 小結(jié)

第7章 淡妝濃抹總相宜——圖片的處理與美化

7.1 背景圖優(yōu)化

視頻：光盤視頻背景屬性分解

7.1.1 背景屬性分解

7.1.2 CSS Sprite技巧分解

7.2圖文混排處理

視頻：光盤視頻圖文混排及實例分解

7.3 實例分解——圖文新聞內(nèi)容頁

7.4 小結(jié)

第8章 桀驁不馴的浪子——頁面中的列表

8.1 列表的種類

視頻：光盤視頻列表的種類

8.1.1 無序列表

8.1.2 有序列表

8.1.3 自定義列表

8.2 列表模式的導航

視頻：光盤視頻列表模式的導航

8.3 榜上有名，音樂榜單

視頻：光盤視頻榜上有名，音樂榜單

8.4 實例分解——二級菜單導航

視頻：光盤視頻二級菜單導航

8.5 實例分解——圖文列表信息

視頻：光盤視頻圖文列表信息

8.6 小結(jié)

第9章 苦樂年華——表單美容二三事兒

9.1 表單元素的特性說明

視頻：光盤視頻表單元素的特性說明

9.2 實例分解——登錄框的制作

視頻：光盤視頻登錄框的制作

9.3 實例分解——搜索框的制作

視頻：光盤視頻搜索框的制作

9.4 實例分解——反饋表單的制作

視頻：光盤視頻反饋表單的制作

9.5 小結(jié)

第10章 封閉的巴黎圣母院——走進表格的世界

10.1 表格的介紹

視頻：光盤視頻表格的介紹

10.1.1 以往的表格結(jié)構(gòu)

10.1.2 正確的表格結(jié)構(gòu)

10.2 細線表格

視頻：光盤視頻細線表格

10.3 隔行換色的表格

視頻：光盤視頻隔行換色的表格

10.4 實例分解——日歷表的制作

視頻：光盤視頻日歷表的制作

10.5 小結(jié)

第4部分 CSS應用篇

第11章 閑話CSS濾鏡

11.1 透明的圖文信息

視頻：光盤視頻透明的圖文信息

11.1.1 實現(xiàn)透明效果

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轉(zhuǎn)換濾鏡

11.3 濾鏡的是與非

11.4 小結(jié)

第12章 話說tab選項卡

視頻：光盤視頻話說tab選項卡

12.1 選項卡曾經(jīng)的實現(xiàn)方式

12.2 如今的選項卡模式

12.3 選項卡實現(xiàn)原理分析

12.4 選項卡的優(yōu)化

12.5 實現(xiàn)最終的選項卡效果

12.6 換個思路思考選項卡

12.7 不同XHTML結(jié)構(gòu)選項卡的對比

12.8 小結(jié)

第5部分 CSS實戰(zhàn)篇

第13章 秀一把CSS相冊

視頻：光盤視頻秀一把CSS相冊

13.1 簡易相冊實現(xiàn)思路分析

13.2 實現(xiàn)簡易相冊的雛形

13.3 簡易相冊成形之初

13.4 美化簡易相冊

13.5 實現(xiàn)最終效果的簡易相冊

13.6 小結(jié)

第14章 怪異的導航模式

視頻：光盤視頻怪異的導航模式

14.1 怪異導航曾經(jīng)的實現(xiàn)方法

14.2 如今實現(xiàn)怪異導航的方法

14.3 實現(xiàn)怪異導航的背景圖片

14.4 結(jié)合CSS樣式調(diào)用背景圖片

14.5 怪異導航細節(jié)優(yōu)化

14.6 改變思路實現(xiàn)怪異導航

14.7絕對定位方式實現(xiàn)怪異導航

14.8 又一種怪異導航模式

14.9 小結(jié)

第15章 時間緊隨標題的新聞列表

視頻：光盤視頻時間緊隨標題的新聞列表

15.1 時間緊隨標題的新聞列表的由來

15.2 時間緊隨標題的新聞列表雛形

15.3 使用max-width實現(xiàn)效果

15.4 原理分析及最終效果

15.5 小結(jié)

第16章 幻燈片的簡單模擬

視頻：光盤視頻幻燈片的簡單模擬

16.1 幻燈片原理分析

16.2 幻燈片的雛形

16.3 簡易幻燈片的功能實現(xiàn)

16.4 小結(jié)

第17章 談談清除浮動

17.1 浮動的原理

視頻：光盤視頻浮動的原理

17.2 清除浮動方式

視頻：光盤視頻清除浮動方式

17.3 小結(jié)

第18章 活動頁面布局實現(xiàn)

視頻：光盤視頻活動頁面布局實現(xiàn)

18.1 結(jié)構(gòu)分析

18.2 模塊分析

18.3 圖片優(yōu)化

18.4 細節(jié)優(yōu)化調(diào)整

18.5 小結(jié)

第6部分 寫在最后的話

附錄A 怎么提高自身編寫代碼的能力

附錄B W3C的CSS驗證是什么

附錄C 網(wǎng)絡資源分享