傳智教育web前端基礎視頻教程：HTML5+CSS3教程下載

---

試看視頻

---

課程目錄：
第一部分：HTML5

01 認識網頁.mp4

02 常見瀏覽器.mp4

03 瀏覽器內核.mp4

04 web標準.mp4

05 HTML初識.mp4

06 HTML骨架 .mp4

07 我的第一個頁面及其標簽簡介.mp4

08 豬八戒版骨架記憶法.mp4

09 什么是標簽及其分類.mp4

10 標簽嵌套和并列關系.mp4

11 簡單小測驗.mp4

12 開發(fā)工具sublime.mp4

13 sublime生成html骨架.mp4

14 doctype文檔類型.mp4

15 字符集簡介.mp4

16 標簽的語義化及其標題標簽.mp4

17 段落標簽和水平線標簽.mp4

18 課堂案例-新聞頁面.mp4

19 換行和div span標簽.mp4

20 文本格式化標簽.mp4

21 標簽屬性.mp4

22 圖像標簽.mp4

23 鏈接標簽.mp4

24 錨點定位.mp4

25 base標簽.mp4

26 特殊字符.mp4

27 注釋標簽.mp4

28 相對路徑(一).avi

29 相對路徑(二).mp4

30 無序列表的使用.mp4

31 無序列表注意事項.mp4

32 有序列表.mp4

33 四大名著案例.mp4

34 自定義列表.mp4

35 總結.mp4

36 認識表格.avi

37 表格的注意事項.avi

38 表格屬性.avi

39 表頭標簽.avi

40 表格結構.avi

41 瀏覽器審查HTML標簽元素.avi

42 表格標題標簽.avi

43 合并單元格.avi

44 合并單元格復習.avi

45 表單的作用.avi

46 文本框和密碼框.avi

47 單選按鈕和復選按鈕.avi

48 默認選中表單屬性.avi

49 input按鈕組.avi

50 最多字符數(shù)和文本值.avi

51 label標簽.avi

52 文本域.avi

53 下拉菜單.avi

54 表單域.avi

55 html5 文檔類型和字符集.avi

56 查看手冊及其新增標簽.avi

57 datalist標簽.avi

58 fieldset元素.avi

59 HTML5 新增input 表單(一).avi

60 HTML5 新增input 表單(二).avi

61 新增占位符焦點多選屬性.avi

62 autocomplete屬性.avi

63 內容不能為空和獲得焦點屬性.avi

64 表單綜合案例-學生檔案.avi

65 embed引入網上視頻.avi

66 播放音頻audio.avi

67 播放視頻video.avi

第二部分：CSS3

01 CSS產生的原因.avi

02 CSS網頁的美容師.avi

03 體會CSS樣式.avi

04 CSS樣式規(guī)則.avi

05 字體樣式字號和字體.avi

06 字體字號常用技巧.avi

07 unicode字體.avi

08 CSS注釋.avi

09 字體加粗.avi

10 字體傾斜.avi

11 字體綜合設定.avi

12 調試工具chrome使用.avi

13 標簽選擇器.avi

14 體會類選擇器.avi

15 CSS命名規(guī)范.avi

16 谷歌課堂案例.avi

17 多類名選擇器.avi

18 ID選擇器.avi

19 id選擇器和類選擇器的區(qū)別.avi

20 通配符選擇器.avi

21 鏈接偽類選擇器的使用.avi

22 鏈接偽類的簡寫方式.avi

23 結構偽類選擇器(一).avi

24 結構偽類選擇器(二).avi

25 結構偽類選擇器(三).avi

26 目標偽類選擇器.avi

27 CSS顏色.avi

28 行高對齊和首行縮進.avi

29 字間距和單詞間距.avi

30 顏色半透明.avi

31 文字陰影初識.avi

32 sublime快捷方式.avi

33 綜合案例(一).avi

34 綜合案例(二).avi

35 綜合案例(三).avi

36 內部樣式表.avi

37 行內樣式表.avi

38 外部樣式表.avi

39 三種樣式表總結.avi

40 塊級標簽顯示模式.avi

41 行內標簽顯示模式.avi

42 行內塊元素.avi

43 顯示模式轉換.avi

44 交集選擇器.avi

45 并集選擇器.avi

46 后代選擇器.avi

47 子元素選擇器.avi

48 課堂練習-測試選擇器.avi

49 屬性選擇器(一).avi

50 屬性選擇器(二).avi

51 偽元素選擇器(一).avi

52 偽元素選擇器(二).avi

53 CSS書寫規(guī)范.avi

54 背景顏色圖片及其平鋪.avi

55 背景位置（一）.avi

56 背景位置(二).avi

57 魔獸背景圖片.avi

58 背景附著(固定).avi

59 背景簡寫.avi

60 背景半透明.avi

61 背景縮放（一）.avi

62 背景縮放（二）.avi

63 多背景圖片.avi

64 凹凸文字效果.avi

65 王者榮耀導航欄（一）.avi

66 王者榮耀導航欄(二).avi

67 CSS層疊性.avi

68 CSS繼承性.avi

69 CSS優(yōu)先級.avi

70 權重疊加.avi

71 繼承的權重為0.avi

72 css權重6道精華題.avi

73 優(yōu)先級總結.avi

74 看透網頁布局本質.avi

75 認識盒子模型組成.avi

76 盒子邊框.avi

77 邊框綜合寫法(一).avi

78 邊框綜合寫法(二).avi

79 合并細線表格.avi

80 圓角矩形.avi

81 盒子內邊距.avi

82 fireworks測量工具.avi

83 新浪導航(一).avi

84 新浪導航欄（二）.avi

85 外邊距以及盒子居中對齊.avi

86 文字盒子居中圖片和背景區(qū)別.avi

87 清除內外邊距.avi

88 行內元素上下內外邊距的問題.avi

89 外邊距合并(一).avi

90 外邊距合并(二).avi

91 盒子的計算尺寸.avi

92 學會計算盒子尺寸(重點).avi

93 padding不影響盒子大小的情況.avi

94 搜索趣圖（一）分析.avi

95 搜索趣圖(二)大盒子.avi

96 搜索趣圖(三)標題.avi

97 搜索趣圖(四).avi

98 搜索趣圖(五).avi

99 盒子模型布局穩(wěn)定性.avi

100 CSS3 盒模型.avi

101 盒子陰影.avi

102 水晶圖片案例.avi

103 文檔流介紹.avi

104 浮動是用來做文字環(huán)繞效果的.avi

105 體會浮動.avi

106 浮動就是漂浮的意思.avi

107 浮動首先需要添加標準流父級.avi

108 浮動特性對齊父盒子.avi

109 浮動特性盒子排列.avi

110 浮動影響盒子顯示模式.avi

111 浮動總結.avi

112 版心和布局流程.avi

113 一列固定寬度且居中.avi

114 兩列左窄右寬型.avi

115 通欄平均分布型.avi

116 清除浮動的本質.avi

117 額外標簽法.avi

118 父級添加overflow方法.avi

119 after偽元素清除浮動.avi

120 雙偽元素清除浮動.avi

121 學習photoshop目的.avi

122 ps界面簡介.avi

123 ps基本操作.avi

124 移動工具和縮放變形.avi

125 水果自行車案例.avi

126 圖層的基本操作.avi

127 圖層編組操作.avi

128 圖層的移動位置.avi

129 圖層合并和透明.avi

130 矩形橢圓選區(qū)工具.avi

131 顏色填充-米奇效果.avi

132 多邊形套索工具.avi

133 磁性套索工具.avi

134 魔棒工具.avi

135 選區(qū)布爾運算.avi

136 夢幻星球案例.avi

137 鋼筆工具.avi

138 文字工具和吸管工具.avi

139 切圖方法1-手動劃片.avi

140 切圖方法2-利用圖層切圖.avi

141 清除全部切片和輔助線的方法.avi

142 切圖方法3-輔助線切圖.avi

143 切圖方法4-等份數(shù)劃分法.avi

144 cutterman插件安裝.avi

145 cutterman插件使用.avi

146 學成網準備工作.avi

147 學成網案例分析.avi

148 學成網頭部開始.avi

149 調整頭部的寬度.avi

150 logo和navbar部分開始.avi

151 logo和navbar結束.avi

152 search開始.avi

153 search結束.avi

154 個人中心制作.avi

155 banner制作開始.avi

156 給banner添加背景圖片.avi

157 側邊欄結構搭建.avi

158 側邊欄制作結束.avi

159 小課表上.avi

160 小課表中.avi

161 小課表下.avi

162 精品推薦上.avi

163 精品推薦下.avi

164 為什么學習定位.avi

165 定位屬性.avi

166 靜態(tài)定位(1).avi

167 相對定位.avi

168 絕對定位脫標.avi

169 父級沒有定位.avi

170 父級有定位.avi

171 何為子絕父相.avi

172 定位練習-哈根達斯.avi

173 絕對定位水平垂直居中.avi

174 淘寶焦點圖分析.avi

175 淘寶輪播圖上.avi

176 淘寶輪播圖中.avi

177 淘寶輪播圖下.avi

178 淘寶輪播圖權重問題.avi

179 固定定位.avi

180 仿新浪固定頭部和廣告.avi

181 疊加次序.avi

182 定位總結.avi

183 固定絕對定位模式轉換.avi

184 display和visibility使用.avi

185 鼠標經過顯示二維碼.avi

186 overflow屬性.avi

187 學成在線頁面修復工作.avi

188 小圓點制作上.avi

189 小圓點制作下.avi

190 精品推薦大模塊頭部開始.avi

191 精品推薦大模塊頭部結束.avi

192 精品推薦大模塊主體開始.avi

193 精品推薦大模塊li結束.avi

194 精品推薦大模塊結束.avi

195 底部制作清除浮動.avi

196 底部左側開始.avi

197 底部左側完成.avi

198 底部右側完成.avi

199 鼠標樣式.avi

200 取消輪廓線.avi

201 防止拖拽文本域.avi

202 行內塊和文字對齊.avi

203 去除圖片底測縫隙.avi

204 word-break.avi

205 white-space.avi

206 超出的部分省略號顯示.avi

207 CSS精靈技術產生的背景.avi

208 css精靈技術的本質.avi

209 css精靈技術的使用.avi

210 拼出自己的名字.avi

211 王者榮耀導航欄.avi

212 PS制作精靈圖.avi

213 運用制作精靈圖.avi

214 字體圖標的優(yōu)點.avi

215 svg格式上傳轉換字體格式.avi

216 下載字體圖標.avi

217 復制需要的字體文件.avi

218 字體圖標html文件使用.avi

219 追加新圖標字體的方法.avi

220 滑動門技術原因.avi

221 滑動門實現(xiàn)原理.avi

222 滑動門技術實現(xiàn).avi

223 微信導航欄（一）.avi

224 微信導航欄（二）.avi

225 偽元素的本質.avi

226 鼠標經過顯示邊框.avi

227 認識過渡效果.avi

228 仿照小米效果.avi

229 2D變形-移動.avi

230 定位的盒子居中對齊完美寫法.avi

231 2D變形-縮放.avi

232 2D變形-旋轉.avi

233 設置變形中心點.avi

234 旋轉的楚喬傳.avi

235 2D變形-傾斜.avi

236 左手法則.avi

237  ratateXYZ.avi

238 體會透視.avi

239 3D變形-移動.avi

240 translate3d.avi

241 開門大吉上.avi

242 開門大吉下.avi

243  翻轉的圖片上.avi

244 翻轉的圖片下.avi

245 體會動畫.avi

246 多組動畫.avi

247 奔跑的小車.avi

248 無縫滾動上.avi

249 無縫滾動下.avi

250 傳統(tǒng)布局三等份.avi

251 伸縮布局三等份.avi

252 伸縮布局固定寬度.avi

253 伸縮布局排列方式.avi

254 攜程網準備工作.avi

255 攜程網頭部.avi

256 攜程網nav部分上.avi

257 攜程網nav部分中.avi

258 攜程網nav部分下.avi

259 攜程網導航結束.avi

260 攜程網over.avi

261 justify-content屬性.avi

262 align-items屬性.avi

263 flex-wrap屬性.avi

264 align-content屬性.avi

265 flex-flow 屬性.avi

266 order屬性.avi

第三部分：項目

01 京東項目介紹.mp4

02 京東項目目錄準備.avi

03 京東項目添加ico圖標.avi

04 自己制作ico圖標.avi

05 三大標簽優(yōu)化.avi

06 火狐瀏覽器截圖.avi

07 京東項目頭部制作.avi

08 京東項目快速導航欄1.avi

09 京東項目快速導航欄2.avi

10 京東項目快速導航欄3.avi

11 下載京東字體圖標.avi

12 使用京東字體圖標.avi

13 手機京東部分制作.avi

14 logo制作.avi

15 搜索框制作上.avi

16 搜索框制作下-追加字體圖標.avi

17 購物車模塊制作.avi

18 熱點關鍵詞制作.avi

19 小導航欄上.avi

20 小導航欄下.avi

21 超級日部分制作.avi

22 頁面底部服務開始.avi

23 底部服務中.avi

24 底部服務下.avi

25 幫助模塊左側制作.avi

26 幫助模塊右側制作.avi

27 版權模塊上.avi

28 版權模塊結束.mp4

29 中間分類部分的準備工作.mp4

30 中間分類部分模塊劃分.avi

31 左側分類上.avi

32 左側分類下.avi

33 中間banner部分上.avi

34 京東輪播圖布局.avi

35 右側盒子模塊劃分.avi

36 登錄模塊制作上.avi

37 登錄模塊制作頭像部分.avi

38 登錄模塊福利會員制作.avi

39 促銷公告制作.avi

40 促銷公告小紅線的做法.avi

41 促銷廣告部分結束.avi

42 服務擴展模塊li的制作 .avi

43 服務擴展模塊完成.avi

44 廣告特效結構制作.avi

45 廣告特效部分制作.avi

46 認識BFC.avi

47 塊級元素具有BFC條件.avi

48 塊級元素觸發(fā)BFC的屬性.avi

49 BFC作用-清除內部浮動.avi

50 BFC作用-解決外邊距合并.avi

51 BFC作用及其總結 .avi

52 漸進增強和優(yōu)雅降級.avi

53 瀏覽器前綴.avi

54 背景漸變上.avi

55 背景漸變下.avi

56 CSS W3C 統(tǒng)一驗證工具 .avi

57 CSS 壓縮工具 .avi

58 認識 preserve-3d.avi

59 旋轉輪播圖結構制作.avi

60 旋轉輪播圖上.avi

61 旋轉輪播圖下.mp4

猜你喜歡：
Jquery下載與安裝教程

jQuery是什么?有什么作用?

JavaScript為什么叫JavaScript?

黑馬程序員web前端培訓課程