HTML與CSS是網(wǎng)頁制作技術(shù)的核心和基礎(chǔ)，也是每個網(wǎng)頁制作者必須要掌握的基本知識，兩者在網(wǎng)頁設(shè)計中不可或缺。本書從初學者的角度，以形象的比喻、實用的案例、通俗易懂的語言詳細介紹了使用HTML與CSS（包括HTML5和CSS3）進行網(wǎng)頁設(shè)計與制作的各方面內(nèi)容和技巧。 全書共11章，第1到3章主要講解了HTML與CSS的基礎(chǔ)知識，包括Web基本概念、HTML與CSS簡介、Dreamweaver工具的使用、HTML文本與圖像標記、CSS選擇器、CSS文本樣式屬性、CSS的繼承性優(yōu)先級以及HTML5和CSS3的新特性。第4到9章分別講解了盒子模型、列表與超鏈接、表格與表單、元素的浮動與定位、音頻與視頻的嵌入、過渡、變形、動畫等，它們是學習網(wǎng)頁制作的核心。第10章主要講解了CSS的高級技巧、布局與常見的兼容性，掌握這些實用的技巧，可以使初學者在制作網(wǎng)頁時得心應手。第11章為實戰(zhàn)開發(fā)，結(jié)合前面學習的基礎(chǔ)知識，帶領(lǐng)初學者開發(fā)一個電商網(wǎng)站的首頁面。 本書附有配套視頻、源代碼、習題、教學課件等資源，而且為了幫助初學者更好地學習本書講解的內(nèi)容，還提供了在線答疑，希望得到更多讀者的關(guān)注。 本書既可作為高等院校相關(guān)專業(yè)的網(wǎng)頁設(shè)計與制作課程的教材，也可作為網(wǎng)頁平面設(shè)計的培訓教材，是一本適合網(wǎng)頁制作、美工設(shè)計、網(wǎng)站開發(fā)、網(wǎng)頁編程等行業(yè)人員閱讀與參考的優(yōu)秀讀物。
江蘇傳智播客教育科技股份有限公司（簡稱傳智播客）與中國鐵道出版社是戰(zhàn)略合作關(guān)系。傳智播客是一家專門致力于高素質(zhì)軟件開發(fā)人才培養(yǎng)的高科技公司。傳智播客致力于為企業(yè)優(yōu)選一流的人才的培訓理念，經(jīng)過多年的教學探索及戰(zhàn)略布局，已向著綜合型職業(yè)教育集團發(fā)展。黑馬程序員是傳智播客旗下高端IT教育品牌。
第1章 HTML和CSS網(wǎng)頁制作概述 1
1.1 網(wǎng)頁概述 . 1
1.1.1 網(wǎng)頁的構(gòu)成 . 1
1.1.2 網(wǎng)頁相關(guān)名詞 3
1.1.3 Web標準 .. 4
1.2 網(wǎng)頁制作技術(shù) 6
1.2.1 HTML簡介 . 6
1.2.2 CSS簡介 7
1.3 網(wǎng)頁展示ping臺
8
1.4 網(wǎng)頁代碼編輯工具 .11
1.4.1 Dreamweaver操作界面 11
1.4.2 Dreamweaver初始化設(shè)置 .. 16
1.4.3 創(chuàng)建第#一個網(wǎng)頁 18
小結(jié) 20
第2章 HTML入門
.. 21
2.1 HTML概述 ..21
2.1.1 HTML文檔格式. 21
2.1.2 HTML標簽 .. 22
2.2 HTML文本控制標簽 .26
2.2.1 頁面格式化標簽 26
2.2.2 文本樣式標簽 . 32
2.2.3 文本格式化標簽 33
2.2.4 特殊字符 34
2.3 HTML圖像應用 35
2.3.1 常用圖像格式 . 35
2.3.2 圖像標簽. 36
2.3.3 絕#對路徑和相對路徑.. 39
2.4 階段案例制作圖文混排
頁面 40
2.4.1 分析效果圖 .. 40
2.4.2 制作頁面結(jié)構(gòu) . 40
2.4.3 控制圖像 41
2.4.4 控制文本 42
小結(jié). 43
第3章 CSS入門.. 44
3.1 CSS核心基礎(chǔ) 44
3.1.1 CSS樣式規(guī)則 .. 44
3.1.2 CSS樣式引入 .. 46
3.1.3 CSS基礎(chǔ)選擇器 . 52
3.2 CSS文本樣式屬性 . 55
3.2.1 CSS字體樣式屬性 55
3.2.2 CSS文本外觀屬性 .. 59
3.3 CSS高#級特性 68
3.3.1 CSS復合選擇器 . 68
3.3.2 CSS層疊性和繼承性 .. 71
3.3.3 CSS優(yōu)先級 73
3.4 階段案例制作新聞頁面
.. 76
3.4.1 分析效果圖 .. 76
3.4.2 制作頁面結(jié)構(gòu) . 77
3.4.3 定義CSS樣式 .. 78
小結(jié). 79
第4章 盒子模型.. 80
4.1 認識盒子模型 .. 80
4.2 盒子模型的相關(guān)屬性 . 82
4.2.1 邊框?qū)傩?82
4.2.2 內(nèi)邊距屬性 .. 89
4.2.3 外邊距屬性 .. 91
4.2.4 背景屬性 92
4.2.5 盒子的寬與高 . 98
4.3 CSS3新增盒子模型屬性 .. 99
4.3.1 顏色透明度 .. 99
4.3.2 圓角 100
4.3.3 圖片邊框..103
4.3.4 陰影 106
4.3.5 漸變 108
4.3.6 多背景圖像 .114
4.3.7 修剪背景圖像 115
4.4 元素的類型和轉(zhuǎn)換 116
4.4.1 元素的類型 .116
4.4.2 div和span ..118
4.4.3 元素類型的轉(zhuǎn)換 . 121
4.5 塊元素垂直外邊距的合并123
4.5.1 相鄰塊元素垂直外邊距的
合并 123
4.5.2 嵌套塊元素垂直外邊距的
合并 125
4.6 階段案例制作音樂
排行榜 ..127
4.6.1 分析效果圖 127
4.6.2 制作頁面結(jié)構(gòu) .. 128
4.6.3 定義CSS樣式 129
小結(jié) 130
第5章 列表和超鏈接 ..
131
5.1 列表標簽 ..131
5.1.1 無序列表 . 131
5.1.2 有序列表 . 133
5.1.3 定義列表 . 134
5.1.4 列表的嵌套應用 . 136
5.2 CSS控制列表樣式 ..137
5.2.1 list-style-type屬性 . 137
5.2.2 list-style-image屬性.. 139
5.2.3 list-style-position屬性 . 140
5.2.4 list-style屬性 . 141
5.3 超鏈接標簽 . 143
5.3.1 創(chuàng)建超鏈接 144
5.3.2 錨點鏈接 . 146
5.4 鏈接偽類控制超鏈接. 148
5.5 階段案例制作新聞列表
.. 150
5.5.1 分析效果圖 150
5.5.2 制作頁面結(jié)構(gòu) .. 151
5.5.3 定義CSS樣式 152
5.6 小結(jié) 154
第6章
表格和表單155
第7章
網(wǎng)頁布局213
第8章
視頻和音頻252
第9章
過渡、變形和動畫268
第10章
網(wǎng)頁制作應用技巧296
第11章
實戰(zhàn)開發(fā)-電商網(wǎng)站首頁312
書單推薦
