說明了css一些布局的思路,還創(chuàng)造性的提供了一些非常規(guī)布局的思路延伸,算是一個剛剛?cè)腴T的網(wǎng)頁制作的好書籍,全書以傳達CSS布局思維為中心,
CSS那些事兒介紹
本書專注于CSS技巧實例的講解,由淺入深地分析了CSS樣式在布局時所需要理解的原理。放棄到處可見的基礎知識、網(wǎng)絡中能隨意搜索到的hack技巧,側(cè)重原理分析,拓展讀者使用CSS布局的思維方式,通過本書的閱讀讀者將會了解到使用CSS布局的強大功能。
全書以傳達CSS布局思維為中心,通過頁面中的文字、圖片、表格、表單等常見元素的處理及各種頁面布局方式的使用,使讀者能深入了解到如何在頁面中更好地運用CSS布局。尤其是在頁面布局的部分中,全面分析了多種布局方式,著重分解了兩列等高和三列等高的幾種方式,并相應說明了等高布局的優(yōu)缺點。
隨書所附光盤包含多媒體教學及實例源文件。
無論是CSS布局的初學者還是具有一定水準的讀者,閱讀本書之后將會發(fā)現(xiàn),原來CSS樣式居然是這么好玩的東西。本書適合網(wǎng)站開發(fā)人員、網(wǎng)頁設計人員參考學習,同時也適合作為相關培訓機構的教材。
CSS那些事兒目錄
第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 網(wǎng)頁勾魂八技——掌握CSS選擇符
視頻:光盤\視頻\掌握選擇符
1.2.1 通配符選擇符
1.2.2 類選擇符
1.2.3 包含選擇符
1.2.4 子選擇符
1.2.5 相鄰選擇符
第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 網(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 選擇符的權重值優(yōu)先級別
1.5 英雄救美——讓CSS拯救HTML
1.5.1 把CSS引入到HTML頁面中
1.5.2 樣式表的規(guī)劃與維護管理
1.6 小結
第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 對編輯器的小結
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 網(wǎng)頁布局的設計原則
3.3 最簡單的頁面
視頻:光盤\視頻\簡單的頁面
3.3.1 這是一個網(wǎng)頁?
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 負邊距實現(xiàn)
4.4.3 邊框模擬
4.4.4 其他方式
4.5 小結
第5章 更大氣的三列或多列頁面布局
視頻:光盤\視頻\三列的頁面結構
5.1 三列或多列布局與兩列布局之間的微妙聯(lián)系
5.2 兩列定寬中間自適應結構
5.3 左側(cè)定寬右側(cè)及中間自適應結構
5.4 三列寬度自適應結構
5.5 三列等高
5.5.1 背景模擬
5.5.2 負邊距實現(xiàn)
5.5.3 邊框模擬
5.5.4 其他方式
5.6 小結
第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 小結
第7章 淡妝濃抹總相宜——圖片的處理與美化
7.1 背景圖優(yōu)化
視頻:光盤\視頻\背景屬性分解
7.1.1 背景屬性分解
7.1.2 CSS Sprite技巧分解
7.2 圖文混排處理
視頻:光盤\視頻\圖文混排及實例分解
7.3 實例分解——圖文新聞內(nèi)容頁
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 實現(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 小結
第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結構選項卡的對比
12.8 小結
第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 小結
第14章 怪異的導航模式
視頻:光盤\視頻\怪異的導航模式
14.1 怪異導航曾經(jīng)的實現(xiàn)方法
14.2 如今實現(xiàn)怪異導航的方法
14.3 實現(xiàn)怪異導航的背景圖片
14.4 結合CSS樣式調(diào)用背景圖片
14.5 怪異導航細節(jié)優(yōu)化
14.6 改變思路實現(xiàn)怪異導航
14.7 絕對定位方式實現(xiàn)怪異導航
14.8 又一種怪異導航模式
14.9 小結
第15章 時間緊隨標題的新聞列表
視頻:光盤\視頻\時間緊隨標題的新聞列表
15.1 時間緊隨標題的新聞列表的由來
15.2 時間緊隨標題的新聞列表雛形
15.3 使用max-width實現(xiàn)效果
15.4 原理分析及最終效果
15.5 小結
第16章 幻燈片的簡單模擬
視頻:光盤\視頻\幻燈片的簡單模擬
16.1 幻燈片原理分析
16.2 幻燈片的雛形
16.3 簡易幻燈片的功能實現(xiàn)
16.4 小結
第17章 談談清除浮動
17.1 浮動的原理
視頻:光盤\視頻\浮動的原理
17.2 清除浮動方式
視頻:光盤\視頻\清除浮動方式
17.3 小結
第18章 活動頁面布局實現(xiàn)
視頻:光盤\視頻\活動頁面布局實現(xiàn)
18.1 結構分析
18.2 模塊分析
18.3 圖片優(yōu)化
18.4 細節(jié)優(yōu)化調(diào)整
18.5 小結
第6部分 寫在最后的話
附錄A 怎么提高自身編寫代碼的能力
附錄B W3C的CSS驗證是什么
附錄C 網(wǎng)絡資源分享
- PC官方版
- 安卓官方手機版
- IOS官方手機版