標(biāo)簽 46
2.2 背景屬性 46
2.2.1 背景顏色 46
2.2.2 背景圖像 48
2.2.3 背景屬性簡寫 50
3 列表樣式 51
3.1 認識列表 51
3.2 列表的使用 52
3.2.1 無序列表 52
3.2.2 有序列表 54
3.2.3 定義列表 56
3.3 列表的樣式 58
3.3.1 list-style-type 58
3.3.2 list-style-image 59
3.3.3 list-style-position 59
3.3.4 list-style 59
本章總結(jié) 61
本章作業(yè) 61
第3章 使用CSS美化表單 63
1 表格 64
1.1 表格基本結(jié)構(gòu) 64
1.2 表格基本語法 65
1.3 表格的跨行跨列 66
1.3.1 表格的跨列 66
1.3.2 表格的跨行 67
1.3.3 表格的跨行跨列 68
2 表單 70
2.1 表單基本結(jié)構(gòu) 71
2.2 表單元素 72
2.2.1 文本框 73
2.2.2 密碼框 74
2.2.3 單選按鈕 75
2.2.4 復(fù)選框 75
2.2.5 列表框 76
2.2.6 按鈕 78
2.2.7 多行文本域 79
2.2.8 文件域 80
2.3 表單的高級應(yīng)用 82
2.3.1 設(shè)置表單的隱藏域 82
2.3.2 表單的只讀與禁用設(shè)置 83
2.4 表單語義化 84
2.4.1 關(guān)于語義化 84
2.4.2 語義化的表單 85
2.4.3 表單元素的標(biāo)注 86
3 CSS高級選擇器 87
3.1 CSS復(fù)合選擇器 87
3.1.1 后代選擇器 88
3.1.2 交集選擇器 89
3.1.3 并集選擇器 90
3.2 CSS繼承特性 91
3.2.1 繼承關(guān)系 91
3.2.2 繼承的應(yīng)用 93
本章總結(jié) 95
本章作業(yè) 95
第4章 盒子模型 97
1 盒子模型 98
1.1 什么是盒子模型 98
1.2 邊框 100
1.2.1 border-color 100
1.2.2 border-width 101
1.2.3 border-style 102
1.2.4 border簡寫屬性 102
1.3 外邊距 105
1.4 內(nèi)邊距 107
1.5 盒子模型的尺寸 108
2 標(biāo)準(zhǔn)文檔流 110
2.1 標(biāo)準(zhǔn)文檔流的組成 110
2.1.1 塊級元素 110
2.1.2 內(nèi)聯(lián)元素 111
2.2 display屬性 111
本章總結(jié) 115
本章作業(yè) 115
第5章 浮動 117
1 網(wǎng)頁布局 118
2 浮動 119
2.1 網(wǎng)頁中浮動的應(yīng)用 120
2.2 float屬性 121
3 清除浮動 126
3.1 清除浮動影響 127
3.1.1 清除左側(cè)浮動 127
3.1.2 清除右側(cè)浮動 128
3.1.3 清除兩側(cè)浮動 129
3.2 擴展盒子高度 129
4 溢出處理 131
4.1 overflow屬性 131
4.2 overflow屬性的妙用 133
本章總結(jié) 135
本章作業(yè) 135
第6章 定位 138
1 定位在網(wǎng)頁中的應(yīng)用 139
2 position屬性 140
2.1　static 140
2.2　relative 142
2.3　absolute 145
3 z-index屬性的應(yīng)用 152
本章總結(jié) 156
本章作業(yè) 156
第7章 項目案例：制作1號店首頁 159
1 項目說明 160
1.1 需求概述 160
1.2 技能要點 161
2 前置技能分析 161
2.1 網(wǎng)站開發(fā)流程 161
2.2 網(wǎng)站的文件結(jié)構(gòu) 161
2.3 網(wǎng)頁布局分析 162
3 項目實現(xiàn) 162
3.1 網(wǎng)頁整體布局 162
3.2 制作網(wǎng)站導(dǎo)航 164
3.3 制作焦點輪播圖效果 165
3.4 制作焦點圖右側(cè)內(nèi)容 166
3.5 制作食品飲料模塊 167
3.6 制作個護廚衛(wèi)模塊 168
3.7 制作網(wǎng)站版權(quán) 168