中文名: 新手學CSS+DIV
作者: 獸靜娜
圖書分類: 網絡
資源格式: PDF
版本: 掃描版
出版社: 石油工業出版社
書號: 9787894990365
發行時間: 2010年03月01日
地區: 大陸
語言: 簡體中文
簡介:




內容簡介
css技術是目前最流行的網頁制作技術。本手冊由淺入深，循序漸進介紹了如何使用css技術來制作網頁。全手冊內容包括認識css技術和xhtml語言、css基礎語法、使用css屬性控制頁面元素的樣式、div+css布局基礎、盒模型、塊級元素和行內元素、浮動和定位、頁面排版方式、hack技術和修正浏覽器bug技術、web標准和網站重構。為了便於讀者學習，本手冊最後幾章提供了完整的網站制作實例。具體講解了個人網站首頁、個人博客網站、服飾商城和大型門戶網站的網頁制作。本手冊適合廣大web網站開發人員、網頁設計師、網頁前端架構師、用戶體驗設計師、大中專院校的學生和社會培訓學生使用，尤其是零基礎入門的網頁制作人員。本手冊配套光盤內容為實例源代碼、語音視頻教學及電子教案（ppt）。
白光盤用戶請關注電驢主站一樓評論有下載鏈接
內容截圖

目錄:


第1篇 CSS技術基礎
第1章 網頁制作入門
1.1 了解浏覽器和網頁文檔的關系
1.2 初識HTML和XHTML
1.2.1 HTML
1.2.2 XHTML
1.2.3 XHTML語法
1.3 初識CSS的作用
1.4 選擇一個合適的開發工具
1.4.1 CSS專業開發編輯器TopStyle
1.4.2 網頁開發編輯器Dreamweaver
1.5 常見面試題
1.6 小結
1.7 習題
第2章 CSS初體驗――編寫一個簡單的網頁文檔
2.1 編寫XHTML文檔
2.1.1 使用Dreamweaver新建XHTML框架文檔
2.1.2 手工編寫XHTML文檔
2.2 使CSS在XHTML文檔中生效
2.2.1 在標簽中加入CSS樣式
2.2.2 在(style)(／style)標簽中加入樣式
2.2.3 鏈入外部CSS樣式表
2.2.4 導入樣式
2.2.5 優先級問題
2.3 初探CSS語句的結構和工作原理
2.3.1 CSS語句的結構
2.3.2 CSS語句的工作原理
2.4 CSS的注釋
2.5 實例――從無到有建網頁
2.6 常見面試題
2.7 小結
2.8 習題
第3章 CSS的基本語法
3.1 選擇器
3.1.1 標簽選擇器
3.1.2 類選擇器
3.1.3 ID選擇器
3.1.4 全局選擇器
3.1.5 組合選擇器
3.1.6 繼承選擇器
3.1.7 偽類
3.2 聲明
3.2.1 多重聲明
3.2.2 集體聲明
3.3 CSS的層迭原理
3.3.1 CSS樣式來源
3.3.2 選擇器的優先級
3.3.3 1important語句
3.3.4 順序優先級
3.3.5 CSS的層迭規則
3.4 實例――制作簡單的豎形菜單
3.5 常見面試題
3.6 小結
3.7 習題
第4章 CSS的單位
4.1 顏色單位
4.1.1 顏色名稱
4.1.2 百分比顏色
4.1.3 數字顏色
4.1.4 十六進制顏色
4.2 長度單位
4.2.1 絕對單位
4.2.2 相對單位
4.3 常見面試題
4.4 小結
4.5 習題
第2篇 使用CSS控制頁面樣式
第5章 用CSS控制文本樣式
5.1 字體
5.2 文字大小概述
5.2.1 設置文字大小
5.2.2 定義文字的相對大小
5.2.3 定義文字的絕對大小
5.3 文字顏色
5.4 文字粗細
5.5 斜體
5.6 下劃線、頂劃線和刪除線
5.7 英文字母大小寫
5.8 屬性的縮寫法
5.9 用段落屬性改變文字的段落樣式
5.9.1 段落的水平對齊方式
5.9.2 段落的垂直對齊方式
5.9.3 首行縮進
5.9.4 行間距與字間距
5.10 實例――簡單的文章 頁面
5.11 常見面試題
5.12 小結
5.13 習題
第6章 用CSS設置圖片樣式
6.1 用CSS設置圖片的樣式
6.1.1 在網頁中插入圖片
6.1.2 控制圖片的大小
6.1.3 給圖片添加邊框的技巧
6.1.4 圖片不顯示的解決辦法
6.1.5 給圖片增加鏈接
6.2 實例――文字環繞
6.3 實例――制作簡單相冊
6.4 常見面試題
6.5 小結
6.6 習題
第7章 用CSS設置背景
7.1 設置背景顏色
7.2 設置背景圖片
7.2.1 為元素添加背景圖案
7.2.2 背景圖的重復
7.2.3 背景圖的位置
7.2.4 滾動和固定背景圖
7.2.5 背景屬性縮寫
7.3 實例――制作圓角
7.4 常見面試題
7.5 小結
7.6 習題
第8章 用CSS控制超鏈接樣式
8.1 改變超鏈接的基本樣式
8.2 豐富超鏈接的表現形式
8.2.1 超鏈接背景圖的巧妙運用
8.2.2 超鏈接翻轉效果
8.3 實例――制作實用工具欄
8.4 常見面試題
8.5 小結
8.6 習題
第9章 用CSS控制列表樣式
9.1 列表的類型
9.1.1 無序列表
9.1.2 有序列表
9.1.3 定義列表
9.2 改變列表符的樣式
9.2.1 使用自帶的列表符
9.2.2 用背景圖片改變列表符
9.2.3 改變列表符的位置
9.2.4 列表屬性的速寫法
9.3 實例――制作帶時間顯示的新聞列表
9.4 實例――制作WEB2.0風格導航
9.5 常見面試題
9.6 小結
9.7 習題
第10章 用CSS美化表格
10.1 表格的基本頁面元素
10.2 使用CSS控制表格元素
10.2.1 設置表格元素寬度
10.2.2 設置表格元素邊框
10.3 實例――制作日歷
10.4 常見面試題
10.5 小結
10.6 習題
第11章 用CSS控制表單樣式
11.1 了解表單元素
11.1.1 form標簽和fieldset標簽
11.1.2 表單域和表單按鈕
11.2 使用CSS美化表單元素
11.2.1 美化fieldset標簽
11.2.2 美化表單域
11.3 實例――制作整潔的用戶登錄框
11.4 實例――制作簡單的留言板
11.5 常見面試題
11.6 小結
11.7 習題
第12章 (2SS濾鏡的應用
12.1 濾鏡概述
12.2 透明層次濾鏡(alpha)
12.3 顏色透明濾鏡(chroma)
12.4 模糊濾鏡(blur)
12.5 固定陰影濾鏡(dropshadow)
12.6 移動陰影濾鏡(shadow)
12.7 光暈濾鏡(glow)
12.8 灰度濾鏡(gray)
12.9 反色濾鏡(invert)
12.10 鏡像濾鏡(flip)
12.11 遮罩濾鏡(mask)
12.12 X射線濾鏡(x-ray)
12.13 波紋濾鏡(wave)
12.14 常見面試題
12.15 小結
12.16 習題
第13章 CSS代碼的編寫規范
13.1 使用語義明確的標記
13.2 使用有意義的CSS命名
13.3 CSS代碼的縮寫
13.4 合理的CSS注釋
13.5 常見面試題
13.6 小結
13.7 習題
第3篇 DIV+CSS布局
第14章 DIV+CSS布局基礎
14.1 初識DIV+CSS布局的流程
14.2 了解盒模型
14.2.1 div標簽的盒模型舉例
14.2.2 基本盒模型
14.2.3 邊距
14.2.4 補白
14.2.5 邊框
14.3 頁面元素的布局
14.3.1 塊級元素與行內元素
14.3.2 CSS布局方式――常規流
14.4 CSS布局方式――浮動
14.4.1 兩個元素的浮動應用
14.4.2 多個元素的浮動應用
14.4.3 清除浮動
14.4.4 解決火狐浏覽器的計算高度問題
14.5 CSS布局方式――相對定位
14.5.1 單個元素的相對定位
14.5.2 兩個元素的相對定位
14.6 CSS布局方式――絕對定位
14.6.1 單個元素的絕對定位
14.6.2 兩個元素的絕對定位
14.7 實例――制作歌曲專輯列表
14.8 實例――給圖片加入信息
14.9 常見面試題
14.10 小結
14.11 習題
第15章 CSS頁面基本排版技術
15.1 固定寬度布局
15.1.1 一列的水平居中布局
15.1.2 兩列浮動布局
15.1.3 三列浮動布局
15.2 自適應寬度布局
15.2.1 兩列布局――兩列自適應寬度
15.2.2 兩列布局――左列固定右列自適應
15.2.3 三列布局――中間列自適應
15.3 復雜的頁面排版
15.3.1 復雜的頁面排版――垂直布局
15.3.2 復雜的頁面排版――水平布局
15.4 常見面試題
15.5 小結
15.6 習題
第16章 CSS的過濾器和HACK
16.1 CSS的過濾器和HACK概述
16.2 常用的HACK技術
16.2.1 全局選擇器html
16.2.2 Limporrant和下劃線
16.2.3 區分IE6、IE7和火狐浏覽器的HACK技術
16.3 修復浏覽器中常見的bug
16.3.1 修正浮動元素的雙倍邊距
16.3.2 修正IE6的消隱
16.3.3 修正IE6的重復字符
16.3.4 讓火狐浏覽器自動計算容器高度
16.3.5 實現容器的最小高度
16.4 常見面試題
16.5 小結
16.6 習題
第17章 了解WEB標准和重構
17.1 網頁的組成
17.1.1 結構
17.1.2 表現
17.1.3 行為
17.2 了解WEB標准
17.2.1 什麼是WEB標准
17.2.2 什麼是W3C
17.2.3 使用WEB標准的必要性
17.3 如何建立標准WEB網頁
17.3.1 正確書寫網頁文檔頭部
17.3.2 遵循XHTTML語法
17.4 常見面試題
17.5 小結
17.6 習題
第4篇精彩案例剖析
第18章 DIV+CSS頁面布局實例：制作個人網站首頁
18.1 個人網站首頁構架分析
18.2 分塊制作個人網站首頁
18.2.1 制作個人網站首頁的總體布局
18.2.2 實現左中右浮動布局
18.2.3 制作個人網站首頁的左邊欄目(leftCol)
18.2.4 制作個人網站首頁的中間欄目(midCol)
18.2.5 制作個人網站首頁的右邊欄目(rightCol)
18.3 小結
第19章 DIV+CSS頁面布局實例：制作個人博客
19.1 個人博客網站構架分析
19.2 個人博客首頁的總體布局
19.2.1 建立網站文件夾以及構建整體網頁的結構
19.2.2 構建整體網頁的布局
19.2.3 實現mian容器中欄目的左中右浮動布局
19.3 制作個人博客的首頁頭部(]aeader)
19.4 制作個人客的首頁左邊欄目(leftCol)
19.4.1 制作左邊欄中網文的結構
19.4.2 制作左邊欄中網文的樣式
19.4.3 完成leftCol其余部分的布局
19.5 制作個人博客首頁的中間欄目(midCol)
19.6 制作個人博客額的白邊欄目(rightCol)
19.7 制作個人博客分頁
19.7.1 制作個人博客網站的文章頁(aIticle.html)分頁
19.7.2 制作個人博客網站的留言板(guestbook.html)分頁
19.7.3 制作個人博客網站的主題頁(archives.html)分頁
19.3.4 制作個人博客關於(about.html)分頁
19.8 小結
第20章 DIV+CSS頁面布局實例：制作服飾商城
20.1 服飾商城構架分析
20.2 制作服飾商城首頁的總體布局
20.2.1 建立網站文件夾以及構建整體網頁的結構
20.2.2 構建整體網頁的布局
20.3 制作服飾商城首頁頭部(header)
20.4 制作服飾商城導航(nav)
20.5 制作服飾商城第一欄(firstCol)
……
第21章 DIV+CSS頁面布局實例：制作門戶網站