首頁技術(shù)文章正文

黑馬程序員web前端視頻教程:HTML5+CSS3教程下載

更新時間:2020-12-24 來源:黑馬程序員 瀏覽量:

1608795258023_前端.jpg

黑馬程序員零基礎(chǔ)HTML5+CSS視頻教程

初級 共394課

前端基礎(chǔ)入門HTML5+CSS3重點(diǎn)講解了常見的HTML5標(biāo)簽,CSS3最常用的樣式,最后站在實(shí)際開發(fā)的角度講解一個PC端的品優(yōu)購項(xiàng)目。梳理出PC端靜態(tài)頁面開發(fā)流程和規(guī)范。提取碼:n0hz

百度云盤下載(已有42132人下載)


前端資料


課程目錄:
第一部分:HTML5

01 認(rèn)識網(wǎng)頁.mp4

02 常見瀏覽器.mp4

03 瀏覽器內(nèi)核.mp4

04 web標(biāo)準(zhǔn).mp4

05 HTML初識.mp4

06 HTML骨架 .mp4

07 我的第一個頁面及其標(biāo)簽簡介.mp4

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

09 什么是標(biāo)簽及其分類.mp4

10 標(biāo)簽嵌套和并列關(guān)系.mp4

11 簡單小測驗(yàn).mp4

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

13 sublime生成html骨架.mp4

14 doctype文檔類型.mp4

15 字符集簡介.mp4

16 標(biāo)簽的語義化及其標(biāo)題標(biāo)簽.mp4

17 段落標(biāo)簽和水平線標(biāo)簽.mp4

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

19 換行和div span標(biāo)簽.mp4

20 文本格式化標(biāo)簽.mp4

21 標(biāo)簽屬性.mp4

22 圖像標(biāo)簽.mp4

23 鏈接標(biāo)簽.mp4

24 錨點(diǎn)定位.mp4

25 base標(biāo)簽.mp4

26 特殊字符.mp4

27 注釋標(biāo)簽.mp4

28 相對路徑(一).avi

29 相對路徑(二).mp4

30 無序列表的使用.mp4

31 無序列表注意事項(xiàng).mp4

32 有序列表.mp4

33 四大名著案例.mp4

34 自定義列表.mp4

35 總結(jié).mp4

36 認(rèn)識表格.avi

37 表格的注意事項(xiàng).avi

38 表格屬性.avi

39 表頭標(biāo)簽.avi

40 表格結(jié)構(gòu).avi

41 瀏覽器審查HTML標(biāo)簽元素.avi

42 表格標(biāo)題標(biāo)簽.avi

43 合并單元格.avi

44 合并單元格復(fù)習(xí).avi

45 表單的作用.avi

46 文本框和密碼框.avi

47 單選按鈕和復(fù)選按鈕.avi

48 默認(rèn)選中表單屬性.avi

49 input按鈕組.avi

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

51 label標(biāo)簽.avi

52 文本域.avi

53 下拉菜單.avi

54 表單域.avi

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

56 查看手冊及其新增標(biāo)簽.avi

57 datalist標(biāo)簽.avi

58 fieldset元素.avi

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

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

61 新增占位符焦點(diǎn)多選屬性.avi

62 autocomplete屬性.avi

63 內(nèi)容不能為空和獲得焦點(diǎn)屬性.avi

64 表單綜合案例-學(xué)生檔案.avi

65 embed引入網(wǎng)上視頻.avi

66 播放音頻audio.avi

67 播放視頻video.avi


第二部分:CSS3

01 CSS產(chǎn)生的原因.avi

02 CSS網(wǎng)頁的美容師.avi

03 體會CSS樣式.avi

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

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

06 字體字號常用技巧.avi

07 unicode字體.avi

08 CSS注釋.avi

09 字體加粗.avi

10 字體傾斜.avi

11 字體綜合設(shè)定.avi

12 調(diào)試工具chrome使用.avi

13 標(biāo)簽選擇器.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 結(jié)構(gòu)偽類選擇器(一).avi

24 結(jié)構(gòu)偽類選擇器(二).avi

25 結(jié)構(gòu)偽類選擇器(三).avi

26 目標(biāo)偽類選擇器.avi

27 CSS顏色.avi

28 行高對齊和首行縮進(jìn).avi

29 字間距和單詞間距.avi

30 顏色半透明.avi

31 文字陰影初識.avi

32 sublime快捷方式.avi

33 綜合案例(一).avi

34 綜合案例(二).avi

35 綜合案例(三).avi

36 內(nèi)部樣式表.avi

37 行內(nèi)樣式表.avi

38 外部樣式表.avi

39 三種樣式表總結(jié).avi

40 塊級標(biāo)簽顯示模式.avi

41 行內(nèi)標(biāo)簽顯示模式.avi

42 行內(nèi)塊元素.avi

43 顯示模式轉(zhuǎn)換.avi

44 交集選擇器.avi

45 并集選擇器.avi

46 后代選擇器.avi

47 子元素選擇器.avi

48 課堂練習(xí)-測試選擇器.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 王者榮耀導(dǎo)航欄(一).avi

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

67 CSS層疊性.avi

68 CSS繼承性.avi

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

70 權(quán)重疊加.avi

71 繼承的權(quán)重為0.avi

72 css權(quán)重6道精華題.avi

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

74 看透網(wǎng)頁布局本質(zhì).avi

75 認(rèn)識盒子模型組成.avi

76 盒子邊框.avi

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

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

79 合并細(xì)線表格.avi

80 圓角矩形.avi

81 盒子內(nèi)邊距.avi

82 fireworks測量工具.avi

83 新浪導(dǎo)航(一).avi

84 新浪導(dǎo)航欄(二).avi

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

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

87 清除內(nèi)外邊距.avi

88 行內(nèi)元素上下內(nèi)外邊距的問題.avi

89 外邊距合并(一).avi

90 外邊距合并(二).avi

91 盒子的計算尺寸.avi

92 學(xué)會計算盒子尺寸(重點(diǎn)).avi

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

94 搜索趣圖(一)分析.avi

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

96 搜索趣圖(三)標(biāo)題.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 浮動首先需要添加標(biāo)準(zhǔn)流父級.avi

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

109 浮動特性盒子排列.avi

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

111 浮動總結(jié).avi

112 版心和布局流程.avi

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

114 兩列左窄右寬型.avi

115 通欄平均分布型.avi

116 清除浮動的本質(zhì).avi

117 額外標(biāo)簽法.avi

118 父級添加overflow方法.avi

119 after偽元素清除浮動.avi

120 雙偽元素清除浮動.avi

121 學(xué)習(xí)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ū)布爾運(yùn)算.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 學(xué)成網(wǎng)準(zhǔn)備工作.avi

147 學(xué)成網(wǎng)案例分析.avi

148 學(xué)成網(wǎng)頭部開始.avi

149 調(diào)整頭部的寬度.avi

150 logo和navbar部分開始.avi

151 logo和navbar結(jié)束.avi

152 search開始.avi

153 search結(jié)束.avi

154 個人中心制作.avi

155 banner制作開始.avi

156 給banner添加背景圖片.avi

157 側(cè)邊欄結(jié)構(gòu)搭建.avi

158 側(cè)邊欄制作結(jié)束.avi

159 小課表上.avi

160 小課表中.avi

161 小課表下.avi

162 精品推薦上.avi

163 精品推薦下.avi

164 為什么學(xué)習(xí)定位.avi

165 定位屬性.avi

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

167 相對定位.avi

168 絕對定位脫標(biāo).avi

169 父級沒有定位.avi

170 父級有定位.avi

171 何為子絕父相.avi

172 定位練習(xí)-哈根達(dá)斯.avi

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

174 淘寶焦點(diǎn)圖分析.avi

175 淘寶輪播圖上.avi

176 淘寶輪播圖中.avi

177 淘寶輪播圖下.avi

178 淘寶輪播圖權(quán)重問題.avi

179 固定定位.avi

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

181 疊加次序.avi

182 定位總結(jié).avi

183 固定絕對定位模式轉(zhuǎn)換.avi

184 display和visibility使用.avi

185 鼠標(biāo)經(jīng)過顯示二維碼.avi

186 overflow屬性.avi

187 學(xué)成在線頁面修復(fù)工作.avi

188 小圓點(diǎn)制作上.avi

189 小圓點(diǎn)制作下.avi

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

191 精品推薦大模塊頭部結(jié)束.avi

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

193 精品推薦大模塊li結(jié)束.avi

194 精品推薦大模塊結(jié)束.avi

195 底部制作清除浮動.avi

196 底部左側(cè)開始.avi

197 底部左側(cè)完成.avi

198 底部右側(cè)完成.avi

199 鼠標(biāo)樣式.avi

200 取消輪廓線.avi

201 防止拖拽文本域.avi

202 行內(nèi)塊和文字對齊.avi

203 去除圖片底測縫隙.avi

204 word-break.avi

205 white-space.avi

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

207 CSS精靈技術(shù)產(chǎn)生的背景.avi

208 css精靈技術(shù)的本質(zhì).avi

209 css精靈技術(shù)的使用.avi

210 拼出自己的名字.avi

211 王者榮耀導(dǎo)航欄.avi

212 PS制作精靈圖.avi

213 運(yùn)用制作精靈圖.avi

214 字體圖標(biāo)的優(yōu)點(diǎn).avi

215 svg格式上傳轉(zhuǎn)換字體格式.avi

216 下載字體圖標(biāo).avi

217 復(fù)制需要的字體文件.avi

218 字體圖標(biāo)html文件使用.avi

219 追加新圖標(biāo)字體的方法.avi

220 滑動門技術(shù)原因.avi

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

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

223 微信導(dǎo)航欄(一).avi

224 微信導(dǎo)航欄(二).avi

225 偽元素的本質(zhì).avi

226 鼠標(biāo)經(jīng)過顯示邊框.avi

227 認(rèn)識過渡效果.avi

228 仿照小米效果.avi

229 2D變形-移動.avi

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

231 2D變形-縮放.avi

232 2D變形-旋轉(zhuǎn).avi

233 設(shè)置變形中心點(diǎn).avi

234 旋轉(zhuǎn)的楚喬傳.avi

235 2D變形-傾斜.avi

236 左手法則.avi

237  ratateXYZ.avi

238 體會透視.avi

239 3D變形-移動.avi

240 translate3d.avi

241 開門大吉上.avi

242 開門大吉下.avi

243  翻轉(zhuǎn)的圖片上.avi

244 翻轉(zhuǎn)的圖片下.avi

245 體會動畫.avi

246 多組動畫.avi

247 奔跑的小車.avi

248 無縫滾動上.avi

249 無縫滾動下.avi

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

251 伸縮布局三等份.avi

252 伸縮布局固定寬度.avi

253 伸縮布局排列方式.avi

254 攜程網(wǎng)準(zhǔn)備工作.avi

255 攜程網(wǎng)頭部.avi

256 攜程網(wǎng)nav部分上.avi

257 攜程網(wǎng)nav部分中.avi

258 攜程網(wǎng)nav部分下.avi

259 攜程網(wǎng)導(dǎo)航結(jié)束.avi

260 攜程網(wǎng)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


第三部分:項(xiàng)目

01 京東項(xiàng)目介紹.mp4

02 京東項(xiàng)目目錄準(zhǔn)備.avi

03 京東項(xiàng)目添加ico圖標(biāo).avi

04 自己制作ico圖標(biāo).avi

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

06 火狐瀏覽器截圖.avi

07 京東項(xiàng)目頭部制作.avi

08 京東項(xiàng)目快速導(dǎo)航欄1.avi

09 京東項(xiàng)目快速導(dǎo)航欄2.avi

10 京東項(xiàng)目快速導(dǎo)航欄3.avi

11 下載京東字體圖標(biāo).avi

12 使用京東字體圖標(biāo).avi

13 手機(jī)京東部分制作.avi

14 logo制作.avi

15 搜索框制作上.avi

16 搜索框制作下-追加字體圖標(biāo).avi

17 購物車模塊制作.avi

18 熱點(diǎn)關(guān)鍵詞制作.avi

19 小導(dǎo)航欄上.avi

20 小導(dǎo)航欄下.avi

21 超級日部分制作.avi

22 頁面底部服務(wù)開始.avi

23 底部服務(wù)中.avi

24 底部服務(wù)下.avi

25 幫助模塊左側(cè)制作.avi

26 幫助模塊右側(cè)制作.avi

27 版權(quán)模塊上.avi

28 版權(quán)模塊結(jié)束.mp4

29 中間分類部分的準(zhǔn)備工作.mp4

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

31 左側(cè)分類上.avi

32 左側(cè)分類下.avi

33 中間banner部分上.avi

34 京東輪播圖布局.avi

35 右側(cè)盒子模塊劃分.avi

36 登錄模塊制作上.avi

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

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

39 促銷公告制作.avi

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

41 促銷廣告部分結(jié)束.avi

42 服務(wù)擴(kuò)展模塊li的制作 .avi

43 服務(wù)擴(kuò)展模塊完成.avi

44 廣告特效結(jié)構(gòu)制作.avi

45 廣告特效部分制作.avi

46 認(rèn)識BFC.avi

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

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

49 BFC作用-清除內(nèi)部浮動.avi

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

51 BFC作用及其總結(jié) .avi

52 漸進(jìn)增強(qiáng)和優(yōu)雅降級.avi

53 瀏覽器前綴.avi

54 背景漸變上.avi

55 背景漸變下.avi

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

57 CSS 壓縮工具 .avi

58 認(rèn)識 preserve-3d.avi

59 旋轉(zhuǎn)輪播圖結(jié)構(gòu)制作.avi

60 旋轉(zhuǎn)輪播圖上.avi

61 旋轉(zhuǎn)輪播圖下.mp4



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

jQuery是什么?有什么作用?

JavaScript為什么叫JavaScript?

黑馬程序員web前端培訓(xùn)課程



分享到:
在線咨詢 我要報名
和我們在線交談!