《CSS3+DIV網頁樣式與布局從入門到精通》是2017年水利水電出版社出版的圖書，作者是未來科技。
基本介紹
編輯推薦,內容簡介,作者簡介,目錄,
編輯推薦
10年開發教學經驗，一線講師半生心血。
1． 體驗好。
幾乎每個章節都有二維碼，微信掃一掃，可以隨時隨地看視頻。
2． 資源多
從配套到拓展，資源庫一應俱全。除了249節配套微視頻和275個實例案例外。還提供如下學習資源：
（1）習題及面試題庫（總計1000題）
（2）案例庫（各類案例4396個）
（3）工具庫（HTML參考手冊11部、CSS參考手冊10部、JavaScript參考手冊26部）
（4）網頁模板庫（各類模板1636個）
（5）網頁素材庫（17大類）
（6）網頁配色庫（623項）
（7）網頁欣賞案例庫（總計508例）
3．案例多
實例案例豐富詳盡，達到275個，邊做邊學更快捷。跟著大量案例去學習，邊學邊做，從做中學，學習可以更深入、更高效。
4．入門易
遵循學習規律，入門實戰相結合。編寫模式採用基礎知識 中小實例 實戰案例，內容由淺入深，循序漸進，從入門中學習實戰套用，從實戰套用中激發學習興趣。
5．服務快：
提供線上服務，隨時隨地可交流。提供QQ群、網站下載等多渠道貼心快捷服務。
內容簡介
CSS 3 DIV網頁樣式與布局從入門到精通 同屬CSS 3揭秘 DIV CSS 3 入門 CSS 3 權威指南 CSS3 禪意花園 大類。本書全面系統地講解了CSS基礎理論和實際運用技術，通過大量實例對CSS DIV技術、CSS核心技術、CSS實戰套用進行了深入淺出的分析。。 全書分三大部分，共16章。*部分主要介紹了CSS相關基礎知識，包括CSS樣式設計基礎，使用CSS設定字型和文本樣式、圖片樣式，控制背景圖像，設計列表樣式、表格樣式、表單樣式，定義連結樣式，使用DIV CSS布局網頁，CSS定位與網頁版式設計等；第二部分介紹了CSS新技術，包括使用CSS3布局網頁和設計動畫；第三部分為擴展套用部分，介紹了如何使用JavaScript控制 CSS樣式、使用CSS設計XML文檔樣式、使用CSS設計移動頁面等。
CSS 3 DIV網頁樣式與布局從入門到精通 配備了極為豐富的學習資源，其中配套資源：248節教學視頻（可二維碼掃描）、素材源程式；附贈的拓展學習資源：習題及面試題庫、案例庫、工具庫、網頁模板庫、網頁配色庫、網頁素材庫、網頁案例欣賞庫等。
CSS 3 DIV網頁樣式與布局從入門到精通 適用於CSS從入門到精通、CSS DIV從入門到精通層次讀者，也可作為各大中專院校網頁設計、網頁製作、網站建設、Web前端開發相關專業的教學參考用書，或相關培訓機構的培訓教材。
作者簡介
未來科技是由一群熱愛Web開發的青年骨幹教師組成的一個鬆散組織，主要從事Web開發、教學培訓、教材開發等業務。該群體編寫的同類圖書在很多網店上的銷量名列前茅，讓數十萬的讀者輕鬆跨進了Web開發的大門，為Web開發的普及和套用做出了積極貢獻。
目錄
第1章 CSS樣式設計基礎
視頻講解：27個 示例：37個
1.1 網頁設計需要學什麼
1.1.1 學習HTML
1.1.2 掌握DIV布局
1.1.3 學習CSS
1.1.4 學習JavaScript
1.2 設計良好的結構
1.2.1 一個簡單的文檔必須包含的
內容
內容
1.2.2 認識標籤
1.2.3 選用標籤
1.2.4 使用div和span
1.2.5 使用id和class
1.2.6 設定文檔類型
1.2.7 認識顯示模式
1.3 初識CSS
1.3.1 CSS發展歷史
1.3.2 CSS優勢
1.3.3 CSS樣式
1.3.4 套用CSS樣式
1.3.5 CSS樣式表
1.3.6 導入樣式表
1.3.7 CSS注釋和格式化
1.3.8 設計第一個樣式示例
1.4 CSS選擇器
1.4.1 認識CSS選擇器
1.4.2 標籤選擇器
1.4.3 ID選擇器
1.4.4 類選擇器
1.4.5 指定選擇器
1.4.6 包含選擇器
1.4.7 子選擇器
1.4.8 相鄰選擇器
1.4.9 兄弟選擇器
1.4.10 分組選擇器
1.4.11 偽選擇器
1.4.12 屬性選擇器
1.4.13 通用選擇器
1.5 CSS特性
1.5.1 層疊性
1.5.2 繼承性
第2章 使用CSS設定字型和文本樣式
視頻講解：19個 示例：21個
2.1 字型和文本樣式基礎
2.1.1 字型類型
2.1.2 字型大小
2.1.3 字型顏色
2.1.4 字型粗細
2.1.5 斜體字型
2.1.6 裝飾線
2.1.7 字型大小寫
2.1.8 文本水平對齊
2.1.9 文本垂直對齊
2.1.10 字間距和詞間距
2.1.11 行高
2.1.12 首行縮進
2.2 實戰案例
2.2.1 模擬百度Logo樣式
2.2.2 定義標題樣式
2.2.3 定義正文樣式
2.2.4 設計文本塊樣式
2.2.5 設計新聞版面
2.2.6 設計圖文版面
2.2.7 設計單頁版式
第3章 使用CSS設定圖片樣式
視頻講解：14個 示例：11個
3.1 圖片樣式基礎
3.1.1 圖片框線
3.1.2 圖片大小
3.1.3 圖片對齊
3.1.4 半透明圖片
3.1.5 圓角圖片
3.1.6 陰影圖片
3.2 實戰案例
3.2.1 設計鑲邊效果
3.2.2 設計水印效果
3.2.3 圖文混排
3.2.4 圖片布局
3.2.5 多圖版式
3.2.6 圓角欄目
3.2.7 設計個人簡歷1
3.2.8 設計個人簡歷2
第4章 使用CSS控制背景圖像
視頻講解：15個 示例：13個
4.1 背景樣式基礎
4.1.1 背景顏色
4.1.2 版塊配色
4.1.3 設定背景圖像
4.1.4 背景平鋪
4.1.5 背景定位
4.1.6 固定背景
4.1.7 定位參考
4.1.8 背景裁剪
4.1.9 背景大小
4.1.10 多背景圖
4.2 實戰案例
4.2.1 設計帶花紋的網頁框線
4.2.2 設計圓邊頁面
4.2.3 設計分欄版式
4.2.4 設計滑動門選單
4.2.5 設計焦點圖
第5章 使用CSS定義連結樣式
視頻講解：12個 示例：11個
5.1 連結樣式基礎
5.1.1 設定連結樣式
5.1.2 定義下劃線樣式
5.1.3 定義類型標識樣式
5.1.4 定義按鈕樣式
5.1.5 案例：基本連結樣式套用
5.2 實戰案例
5.2.1 滑鼠游標樣式
5.2.2 文檔類型提示
5.2.3 工具提示樣式
5.2.4 立體選單欄
5.2.5 設計CSS Sprites導航欄
5.2.6 選項卡
5.2.7 瀏覽大圖
第6章 使用CSS設計列表樣式
視頻講解：12個 示例：6個
6.1 列表樣式基礎
6.1.1 設定項目符號
6.1.2 自定義項目圖示
6.1.3 定義列表項目的版式
6.2 實戰案例
6.2.1 設計新聞欄目
6.2.2 設計導航選單
6.2.3 設計多級選單
6.2.4 設計列表版式
6.2.5 使用列表設計圖文混排頁面
6.2.6 設計水平滑動選單
6.2.7 設計垂直滑動選單
6.2.8 設計Tab面板
6.2.9 設計下拉式面板
第7章 使用CSS設計表格樣式
視頻講解：9個 示例：7個
7.1 表格樣式基礎
7.1.1 設定表格背景色和前景色
7.1.2 設定表格框線
7.1.3 設定單元格邊距
7.1.4 設定表格標題的位置
7.1.5 隱藏空單元格
7.2 實戰案例
7.2.1 設計課程表
7.2.2 設計通訊錄
7.2.3 設計月曆
7.2.4 設計分組表格
第8章 使用CSS設計表單樣式
視頻講解：8個 示例：11個
8.1 表單樣式基礎
8.1.1 定義表單字型樣式
8.1.2 定義表單框線和邊距樣式
8.1.3 定義表單背景樣式
8.2 實戰案例
8.2.1 定義表單樣式
8.2.2 設計下拉選單樣式
8.2.3 設計註冊表
8.2.4 設計調查表
8.2.5 設計反饋表
第9章 使用DIV CSS布局網頁
視頻講解：14個 示例：14個
9.1 CSS盒模型
9.1.1 定義邊界
9.1.2 定義補白
9.1.3 定義框線
9.1.4 定義尺寸
9.2 CSS布局基礎
9.2.1 定義顯示類型
9.2.2 定義顯示模式
9.2.3 網頁布局樣式
9.2.4 設定浮動顯示
9.2.5 清除浮動
9.2.6 浮動嵌套
9.2.7 網頁布局方法
9.3 實戰案例
9.3.1 網站重構
9.3.2 設計兩列網頁
9.3.3 設計三列網頁
第10章 使用CSS定位
視頻講解：12個 示例：13個
10.1 CSS定位基礎
10.1.1 設定定位顯示
10.1.2 靜態定位
10.1.3 絕對定位
10.1.4 相對定位
10.1.5 固定定位
10.1.6 定位包含框
10.1.7 設定定位偏移
10.1.8 設定層疊順序
10.1.9 層疊上下文
10.2 實戰案例
10.2.1 畫冊式網頁定位
10.2.2 展廳式網頁定位
10.2.3 書籤式網頁定位
第11章 網頁版式設計與實戰
視頻講解：14個 示例：4個
11.1 HTML結構重構
11.1.1 設計基本結構
11.1.2 SEO結構最佳化
11.2 單列版式
11.3 兩列版式
11.3.1 彈性版式
11.3.2 固寬版式
11.3.3 混合版式
11.4 三列版式
11.4.1 彈性版式
11.4.2 固寬版式
11.4.3 混合版式
11.4.4 多列等高
11.5 實戰案例
11.5.1 設計單列固寬網頁
11.5.2 設計單列彈性框架網頁
11.5.3 設計兩列彈性網頁
11.5.4 設計三列彈性網頁
第12章 使用CSS3布局網頁
視頻講解：15個 示例：15個
12.1 多列流動布局
12.1.1 設定列寬
12.1.2 設定列數
12.1.3 設定列間距
12.1.4 設定列框線樣式
12.1.5 設定跨列顯示
12.1.6 設定列高度
12.2 彈性盒布局
12.2.1 定義Flexbox
12.2.2 定義伸縮方向
12.2.3 定義行數
12.2.4 定義對齊方式
12.2.5 定義伸縮項目
12.3 實戰案例
12.3.1 比較三種布局方式
12.3.2 設計可伸縮網頁模板
12.3.3 設計多列網頁
12.3.4 設計HTML5套用網頁模板
第13章 使用CSS3設計動畫
視頻講解：23個 示例：29個
13.1 設計2D變換
13.1.1 定義旋轉
13.1.2 定義縮放
13.1.3 定義移動
13.1.4 定義傾斜
13.1.5 定義矩陣
13.1.6 定義變換原點
13.2 設計3D變換
13.2.1 定義位移
13.2.2 定義縮放
13.2.3 定義旋轉
13.3 設計過渡動畫
13.3.1 設定過渡屬性
13.3.2 設定過渡時間
13.3.3 設定延遲時間
13.3.4 設定過渡動畫類型
13.3.5 設定觸發方式
13.4 設計幀動畫
13.4.1 設定關鍵幀
13.4.2 設定動畫屬性
13.5 實戰案例
13.5.1 設計掛圖
13.5.2 設計高亮顯示
13.5.3 設計3D幾何體
13.5.4 設計旋轉的盒子
13.5.5 設計可摺疊面板
13.5.6 設計翻轉廣告
13.5.7 設計跑步動畫
第14章 設計可回響的移動網頁
視頻講解：9個 示例：7個
14.1 回響式設計基礎
14.1.1 回響式設計流程
14.1.2 設計回響式圖片
14.1.3 定義媒體類型
14.1.4 使用@media
14.1.5 在中定義媒體查詢
14.1.6 設計回響式布局
14.2 實戰案例
14.2.1 根據設備控制顯示內容
14.2.2 設計伸縮選單
14.2.3 設計可回響網頁模板
14.2.4 設計回響式網站首頁
第15章 使用JavaScript控制CSS樣式
視頻講解：39個 示例：73個
15.1 在網頁中使用JavaScript
15.1.1 使用
