首页技术文章正文

黑马程序员web前端视频教程:HTML5+CSS3教程下载

更新时间:2020-12-24 来源:黑马程序员 浏览量:

1608795258023_前端.jpg

黑马程序员零基础HTML5+CSS视频教程

初级 共394课

前端基础入门HTML5+CSS3重点讲解了常见的HTML5标签,CSS3最常用的样式,最后站在实际开发的角度讲解一个PC端的品优购项目。梳理出PC端静态页面开发流程和规范。提取码:n0hz

百度云盘下载(已有42132人下载)


前端资料


课程目录:
第一部分: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 开发工具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 最多字符数和文本值.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样式规则.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命名规范.avi

16 谷歌课堂案例.avi

17 多类名选择器.avi

18 ID选择器.avi

19 id选择器和类选择器的区别.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书写规范.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优先级.avi

70 权重叠加.avi

71 继承的权重为0.avi

72 css权重6道精华题.avi

73 优先级总结.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 文字盒子居中图片和背景区别.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 盒子模型布局稳定性.avi

100 CSS3 盒模型.avi

101 盒子阴影.avi

102 水晶图片案例.avi

103 文档流介绍.avi

104 浮动是用来做文字环绕效果的.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 矩形椭圆选区工具.avi

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

132 多边形套索工具.avi

133 磁性套索工具.avi

134 魔棒工具.avi

135 选区布尔运算.avi

136 梦幻星球案例.avi

137 钢笔工具.avi

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

139 切图方法1-手动划片.avi

140 切图方法2-利用图层切图.avi

141 清除全部切片和辅助线的方法.avi

142 切图方法3-辅助线切图.avi

143 切图方法4-等份数划分法.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 静态定位(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 字体图标的优点.avi

215 svg格式上传转换字体格式.avi

216 下载字体图标.avi

217 复制需要的字体文件.avi

218 字体图标html文件使用.avi

219 追加新图标字体的方法.avi

220 滑动门技术原因.avi

221 滑动门实现原理.avi

222 滑动门技术实现.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 传统布局三等份.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 三大标签优化.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 块级元素触发BFC的属性.avi

49 BFC作用-清除内部浮动.avi

50 BFC作用-解决外边距合并.avi

51 BFC作用及其总结 .avi

52 渐进增强和优雅降级.avi

53 浏览器前缀.avi

54 背景渐变上.avi

55 背景渐变下.avi

56 CSS W3C 统一验证工具 .avi

57 CSS 压缩工具 .avi

58 认识 preserve-3d.avi

59 旋转轮播图结构制作.avi

60 旋转轮播图上.avi

61 旋转轮播图下.mp4



猜你喜欢:
Jquery下载与安装教程

jQuery是什么?有什么作用?

JavaScript为什么叫JavaScript?

黑马程序员web前端培训课程



分享到:
在线咨询 我要报名
和我们在线交谈!