Div+CSS 3.0網(wǎng)頁樣式與布局經(jīng)典范例

內(nèi)容概要

本書系統(tǒng)地介紹了CSS樣式的基礎(chǔ)理論和實際應(yīng)用技術(shù)，并結(jié)合實例來介紹Div+CSS布局制作網(wǎng)頁的方法和技巧。在實例的制作過程中，在介紹CSS樣式設(shè)計各方面知識的同時，還結(jié)合實際網(wǎng)頁制作中可能遇到的問題提供解決問題的思路、方法和技巧，使初學(xué)者也可以輕松地掌握Div+CSS布局的方式，制作出精美的網(wǎng)頁。并且，在書中還穿插介紹了有關(guān)CSS3.0和HTML
5的相關(guān)知識，力求使讀者了解到最新的網(wǎng)頁設(shè)計制作技術(shù)。

書籍目錄

01 Div+CSS網(wǎng)頁設(shè)計基礎(chǔ)1
1.1 網(wǎng)頁設(shè)計基礎(chǔ)1
1.1.1 什么是網(wǎng)頁設(shè)計1
1.1.2 網(wǎng)頁與網(wǎng)站2
1.1.3 網(wǎng)頁設(shè)計的原則3
1.1.4 網(wǎng)頁設(shè)計的成功要素4
1.1.5 網(wǎng)頁配色的基本方法4
1.1.6 網(wǎng)站制作流程6
1.2 網(wǎng)站標(biāo)準(zhǔn)和布局方式8
1.2.1 網(wǎng)站標(biāo)準(zhǔn)8
1.2.2 網(wǎng)頁布局方式9
1.3 掌握Dreamweaver的基本操作12
1.3.1 使用Dreamweaver定義本地站點12
1.3.2 使用Dreamweaver在網(wǎng)頁中插入Div13
1.3.3 使用Dreamweaver定義CSS樣式16
1.4 關(guān)于表格布局17
1.4.1 表格布局的特點17
1.4.2 冗余的嵌套表格和混亂的結(jié)構(gòu)18
1.5 關(guān)于Div+CSS布局18
1.5.1 什么是Web標(biāo)準(zhǔn)18
1.5.2 Div+CSS的優(yōu)勢19
1.6 本章小結(jié)20
02 HTML、XHTML和HTML 5基礎(chǔ)21
2.1 了解HTML和XHTML21
2.2 HTML基礎(chǔ)21
2.2.1 HTML概述22
2.2.2 HTML的基本結(jié)構(gòu)22
2.2.3 HTML的基本語法23
2.2.4 HTML的主要功能24
2.3 HTML常用標(biāo)簽24
2.3.1 基本標(biāo)簽24
2.3.2 格式標(biāo)簽25
2.3.3 文本標(biāo)簽25
2.3.4 圖像標(biāo)簽26
2.3.5 超鏈接標(biāo)簽26
2.3.6 表格標(biāo)簽26
2.3.7 分區(qū)標(biāo)簽27
2.4 XHTML基礎(chǔ)28
2.4.1 XHTML概述28
2.4.2 XHTML的文檔結(jié)構(gòu)28
2.4.3 XHTML的代碼規(guī)范29
2.4.4 XHTML的文檔類型31
2.4.5 使用XHTML的好處32
2.4.6 制作第一個HTML頁面32
2.5 HTML 5基礎(chǔ)34
2.5.1 了解HTML 534
2.5.2 HTML 5的標(biāo)簽34
2.5.3 HTML 5的標(biāo)準(zhǔn)屬性37
2.6 HTML 5的應(yīng)用39
2.6.1 ＜canvas＞標(biāo)簽的應(yīng)用39
2.6.2 ＜audio＞標(biāo)簽的應(yīng)用41
2.6.3 ＜video＞標(biāo)簽的應(yīng)用42
2.7 實例精講——制作個人網(wǎng)站頁面44
2.8 本章小結(jié)48
03 CSS基礎(chǔ)49
3.1 了解CSS49
3.1.1 CSS樣式概述49
3.1.2 CSS的特點50
3.1.3 CSS樣式能做什么51
3.1.4 CSS樣式不能做什么52
3.2 CSS樣式的語法52
3.2.1 CSS的基本語法52
3.2.2 CSS的樣式規(guī)則53
3.3 在網(wǎng)頁中應(yīng)用CSS的4種方式53
3.3.1 內(nèi)聯(lián)樣式54
3.3.2 嵌入樣式55
3.3.3 鏈接外部樣式56
3.3.4 導(dǎo)入樣式58
3.4 CSS中的單位和值59
3.4.1 顏色設(shè)置59
3.4.2 長度單位61
3.5 CSS文檔結(jié)構(gòu)62
3.5.1 文檔結(jié)構(gòu)62
3.5.2 CSS的繼承性62
3.5.3 CSS的特殊性64
3.5.4 CSS的層疊性64
3.5.5 CSS的重要性64
3.6 CSS選擇器65
3.6.1 標(biāo)簽選擇器65
3.6.2 類選擇器66
3.6.3 ID選擇器66
3.6.4 通配選擇器67
3.6.5 偽類選擇器67
3.6.6 組合選擇器67
3.7 CSS選擇器聲明67
3.7.1 群選擇器68
3.7.2 派生選擇器68
3.8 CSS3中新增的顏色定義方法68
3.8.1 HSL colors68
3.8.2 HSLA colors70
3.8.3 RGBA colors70
3.9 CSS3中新增的選擇器71
3.9.1 屬性選擇器72
3.9.2 結(jié)構(gòu)偽類選擇器72
3.9.3 UI元素狀態(tài)偽類選擇器73
3.10 實例精講——制作兒童類網(wǎng)站頁面73
3.11 本章小結(jié)80
04 Div+CSS布局入門81
4.1 定義Div81
4.1.1 什么是Div81
4.1.2 在網(wǎng)頁中插入Div82
4.2 關(guān)于CSS盒模型83
4.2.1 可視化盒模型83
4.2.2 margin（邊界）84
4.2.3 border（邊框）85
4.2.4 padding（填充）87
4.2.5 content（內(nèi)容）88
4.3 常用定位方式88
4.3.1 CSS定位屬性88
4.3.2 相對定位89
4.3.3 絕對定位90
4.3.4 固定定位91
4.3.5 浮動定位92
4.3.6 空白邊疊加95
4.4 常用布局方式97
4.4.1 居中布局97
4.4.2 浮動布局98
4.4.3 自適應(yīng)高度的解決方法101
4.5 塊元素和行內(nèi)元素102
4.5.1 塊元素102
4.5.2 行內(nèi)元素103
4.6 CSS3中新增的彈性盒模型103
4.6.1 盒子取向box-orient104
4.6.2 盒子順序box-direction105
4.6.3 盒子位置box-ordinal-group107
4.6.4 盒子彈性空間box-flex108
4.6.5 盒子空間管理box-pack和box-align109
4.6.6 盒子空間溢出管理box-lines110
4.7 實例精講——制作社區(qū)類網(wǎng)站頁面111
4.8 本章小結(jié)118
05 使用CSS控制文字樣式119
5.1 控制文字樣式119
5.1.1 定義字體119
5.1.2 定義字體大小121
5.1.3 定義字體顏色122
5.1.4 定義字體粗細(xì)123
5.1.5 定義字體樣式124
5.1.6 定義英文字體大小寫125
5.1.7 定義字體下畫線、頂畫線和刪除線127
5.2 控制字間距和段落樣式128
5.2.1 定義字間距129
5.2.2 定義行間距129
5.2.3 定義段落首字下沉130
5.2.4 定義段落首行縮進131
5.2.5 定義段落水平對齊132
5.2.6 定義文本垂直對齊133
5.3 CSS樣式?jīng)_突134
5.4 CSS3中新增的文字屬性136
5.4.1 文字陰影text-shadow136
5.4.2 控制文本換行word-wrap137
5.4.3 文本溢出處理text-overflow139
5.4.4 保持字體大小不變font-size-adjust140
5.5 實例精講——制作工作室網(wǎng)站頁面141
5.6 本章小結(jié)148
06 使用CSS控制背景和圖片樣式149
6.1 使用CSS設(shè)置背景顏色149
6.1.1 定義頁面背景顏色149
6.1.2 通過背景顏色為頁面分塊150
6.2 使用CSS設(shè)置背景圖像 151
6.2.1 定義背景圖像151
6.2.2 定義背景圖像的重復(fù)方式152
6.2.3 定義背景圖像的位置155
6.2.4 固定背景圖像156
6.3 使用CSS設(shè)置圖片樣式 157
6.3.1 定義圖片的邊框158
6.3.2 定義圖片縮放160
6.3.3 定義圖片的水平對齊162
6.3.4 定義圖片的垂直對齊163
6.4 創(chuàng)建圖文混排效果 165
6.4.1 使用CSS實現(xiàn)文字環(huán)繞效果165
6.4.2 設(shè)置圖文混排的間距166
6.5 CSS3中新增的背景屬性167
6.5.1 背景圖像大小background-size167
6.5.2 背景圖像顯示區(qū)域background-
origin169
6.5.3 背景圖像裁剪區(qū)域background-
clip170
6.6 CSS3中新增的邊框?qū)傩?72
6.6.1 多重邊框顏色border-colors172
6.6.2 圓角邊框border-radius173
6.6.3 圖像邊框border-image174
6.7 實例精講——制作設(shè)計幼兒園網(wǎng)頁176
6.8 本章小結(jié)186
07 使用CSS控制列表樣式187
7.1 列表概述187
7.2 使用CSS定義列表樣式188
7.2.1 定義ul無序列表樣式188
7.2.2 定義ol有序列表樣式189
7.2.3 更改列表項目樣式190
7.2.4 使用圖片作為列表樣式190
7.2.5 定義列表191
7.3 使用列表制作導(dǎo)航菜單192
7.3.1 使用CSS樣式創(chuàng)建橫向?qū)Ш讲藛?92
7.3.2 使用CSS樣式將橫向菜單轉(zhuǎn)換為豎向菜單194
7.4 CSS3中新增的內(nèi)容和透明度屬性195
7.4.1 內(nèi)容content195
7.4.2 透明度opacity196
7.5 實例精講——制作音樂網(wǎng)站頁面197
7.6 本章小結(jié)208
08 使用CSS控制表單樣式209
8.1 關(guān)于表單元素209
8.1.1 輸入域標(biāo)簽＜input＞209
8.1.2 文本域標(biāo)簽＜textarea＞210
8.1.3 選擇域標(biāo)簽＜select＞和＜o(jì)ption＞210
8.2 使用CSS控制表單元素2

圖書封面

評論、評分、閱讀與下載

---

    Div+CSS 3.0網(wǎng)頁樣式與布局經(jīng)典范例 PDF格式下載

---