標(biāo)簽 121
5.3 邊框?qū)傩浴?23
5.3.1 border-style:邊框樣式 123
5.3.2 border-width:邊框?qū)挾取?24
5.3.3 border-color:邊框顏色 125
5.3.4 border:綜合設(shè)置邊框 125
5.3.5 border-radius:圓角邊框 126
5.3.6 border-image:圖像邊框 128
5.4 邊距屬性 131
5.4.1 內(nèi)邊距屬性 131
5.4.2 外邊距屬性 133
5.5 寬度屬性和高度屬性 134
5.6 box-shadow屬性 135
5.7 box-sizing屬性 136
5.8 背景屬性 138
5.8.1 設(shè)置背景顏色 138
5.8.2 設(shè)置背景圖像 139
5.8.3 設(shè)置背景圖像平鋪 139
5.8.4 設(shè)置背景圖像的位置 140
5.8.5 設(shè)置背景圖像固定 142
5.8.6 設(shè)置背景顏色與背景圖像的不透明度 142
5.8.7 設(shè)置背景圖像的大小 143
5.8.8 設(shè)置背景的顯示區(qū)域 144
5.8.9 設(shè)置背景的裁剪區(qū)域 146
5.8.10 設(shè)置多重背景圖像 147
5.8.11 背景復(fù)合屬性 148
5.9 CSS3漸變屬性 149
5.9.1 線性漸變 149
5.9.2 徑向漸變 150
5.9.3 重復(fù)漸變 151
5.10 階段案例——感動中國人物榜 153
5.10.1 分析效果圖 153
5.10.2 搭建頁面結(jié)構(gòu) 154
5.10.3 定義CSS樣式 154
本章小結(jié) 155
動手實踐 156
第6章 網(wǎng)頁布局 157
6.1 網(wǎng)頁布局概述 157
6.2 元素的浮動 159
6.2.1 元素的浮動屬性 159
6.2.2 清除浮動 162
6.3 overflow屬性 167
6.4 元素的定位 170
6.4.1 元素的定位屬性 170
6.4.2 靜態(tài)定位 170
6.4.3 相對定位 171
6.4.4 絕對定位 172
6.4.5 固定定位 174
6.4.6 z-index層疊等級屬性 174
6.5 元素的類型與轉(zhuǎn)換 174
6.5.1 元素的類型 174
6.5.2
標(biāo)簽 176
6.5.3 元素的轉(zhuǎn)換 177
6.6 布局類型 179
6.6.1 單列布局 179
6.6.2 兩列布局 180
6.6.3 三列布局 181
6.7 網(wǎng)頁模塊的命名規(guī)范 185
6.8 階段案例——網(wǎng)頁焦點圖 186
6.8.1 分析效果圖 186
6.8.2 搭建頁面結(jié)構(gòu) 186
6.8.3 定義CSS樣式 187
本章小結(jié) 190
動手實踐 190
第7章 表格和表單 191
7.1 表格 191
7.1.1 創(chuàng)建表格 191
7.1.2 標(biāo)簽的屬性 193
7.1.3 標(biāo)簽的屬性 196
7.1.4 標(biāo)簽的屬性 198 7.1.5 | 標(biāo)簽 200 7.1.6 表格的結(jié)構(gòu) 200
7.2 使用CSS控制表格樣式 201 7.2.1 使用CSS控制表格邊框 201 7.2.2 使用CSS控制單元格邊距 204 7.2.3 使用CSS控制單元格的 寬度和高度 205
7.3 表單 206 7.3.1 表單的構(gòu)成 206 7.3.2 創(chuàng)建表單 207 7.3.3 表單控件 207
7.4 HTML5表單的新增控件類型、標(biāo)簽和屬性 215 7.4.1 新的input控件類型 215 7.4.2 新的表單標(biāo)簽 219 7.4.3 新的input控件屬性 221 7.4.4 新的表單屬性 227
7.5 使用CSS控制表單樣式 227
7.6 階段案例——信息登記表 229 7.6.1 分析效果圖 230 7.6.2 搭建頁面結(jié)構(gòu) 230 7.6.3 定義CSS樣式 231
本章小結(jié) 233
動手實踐 234
第8章 多媒體嵌入 235
8.1 視頻、音頻嵌入技術(shù)概述 235
8.2 HTML5支持的視頻格式和音頻格式 237 8.2.1 視頻格式 237 8.2.2 音頻格式 237
8.3 嵌入視頻和音頻 238 8.3.1 在HTML5中嵌入視頻 238 8.3.2 在HTML5中嵌入音頻 240 8.3.3 視頻、音頻文件的兼容性問題 240 8.3.4 調(diào)用網(wǎng)絡(luò)音頻、視頻文件 242
8.4 使用CSS控制視頻的寬度和高度 243
8.5 階段案例—音樂播放頁面 244 8.5.1 分析效果圖 245 8.5.2 搭建頁面結(jié)構(gòu) 245 8.5.3 定義CSS樣式 246
本章小結(jié) 248
動手實踐 248
第9章 過渡、變形和動畫 250
9.1 過渡 250 9.1.1 transition-property屬性 250 9.1.2 transition-duration屬性 251 9.1.3 transition-timing-function屬性 252 9.1.4 transition-delay屬性 253 9.1.5 transition屬性 253
9.2 變形 254 9.2.1 認識transform 254 9.2.2 2D變形 254 9.2.3 3D變形 259
9.3 動畫 263 9.3.1 @keyframes規(guī)則 264 9.3.2 animation-name屬性 264 9.3.3 animation-duration屬性 265 9.3.4 animation-timing-function屬性 266 9.3.5 animation-delay屬性 266 9.3.6 animation-iteration-count屬性 266 9.3.7 animation-direction屬性 266 9.3.8 animation屬性 267
9.4 階段案例——表情圖片 268 9.4.1 分析效果圖 268 9.4.2 搭建頁面結(jié)構(gòu) 269 9.4.3 定義CSS樣式 269
本章小結(jié) 272
動手實踐 272
第 10章 實戰(zhàn)開發(fā)——制作油紙傘網(wǎng)站首頁 273
10.1 項目背景 274
10.2 準(zhǔn)備工作 274
10.3 制作網(wǎng)站首頁 277
本章小結(jié) 295
動手實踐 295
|