438. B站-视频-布局 - 3
1年前 1439观看
黑马程序员web前端HTML5+CSS3+移动web全套，零基础自学必备
IT/互联网 / 程序设计开发
共450集 46.5万人观看
1Web标准09:46
2HTML的感知 - 106:06- 3HTML的感知 - 306:04
4HTML的感知 - 106:06- 5HTML的感知 - 306:04
6HTML的感知 - 106:06- 7HTML的感知 - 306:04
8HTML的注释05:51
10HTML标签的属性09:16
11HTML标签之间的关系05:39
12标题标签09:46
13段落标签06:26
14换行标签04:38
15水平线标签03:03
16文本格式化标签08:29
17图片标签的src属性06:01
20图片标签的width和height属性07:04
21相对路径-同级目录04:48
22相对路径-下级目录04:57
23相对路径-上级目录05:20
24（案例）相对路径例子03:52
25音频标签 - 105:41- 26音频标签 - 305:43
27视频标签07:46
28链接标签的href属性08:03
29（了解）链接标签的显示特点03:54
31（了解）空链接03:52
32（总结）HTML标签总结03:00
33（案例）综合案例1-招聘案例09:12
35无序列表08:05
36有序列表04:52
38表格的基本标签09:01
39表格相关属性06:48
40表格标题和表头单元格标签07:13
41表格的结构标签06:30
42合并单元格 - 106:18- 43合并单元格 - 306:15
44（总结）表格标签总结03:18
45input系列标签的基本介绍09:51
46input标签-文本框04:01
47（拓展）value属性和name属性介绍06:37
48input标签-密码框04:56
49input标签-单选框05:44
50input标签-复选框03:19
51input标签-文件选择03:59
52input标签-按钮07:18
53（总结）input系列标签总结02:04
54button按钮标签06:04
55select下拉菜单06:11
56textarea文本域标签05:36
57label标签07:01
58（总结）表单标签总结03:32
59（了解）有语义的布局标签05:05
60（案例）综合案例1-优秀学生信息表格-基本结构06:48
61（案例）综合案例1-优秀学生信息表格-完整结构05:58
62（案例）综合案例1-优秀学生信息表格-合并单元格04:32
63（案例）综合案例2-会员注册表单案例-前半部分完成 - 106:00- 64（案例）综合案例2-会员注册表单案例-前半部分完成 - 305:56
65CSS初识 - 105:10- 66CSS初识 - 305:06
67CSS引入方式09:34
68标签选择器05:46
69类选择器09:30
71（总结）基础选择器总结02:08
72字体大小05:51
73字体粗细06:12
74字体样式03:24
75常见字体系列04:17
76字体系列font-family - 105:25- 77字体系列font-family - 305:25
78样式的层叠问题03:04
79字体font相关属性的连写 - 106:07- 80字体font相关属性的连写 - 306:10
81文本缩进06:35
82文本水平对齐方式07:50
83文本修饰06:36
84（总结）文本样式总结01:31
85水平居中方法总结1-text-align07:32
86行高的介绍和常见应用08:00
87行高与font连写的注意点04:38
88（操作）Chrome调试工具的基本使用-上 - 105:04- 89（操作）Chrome调试工具的基本使用-上 - 305:09
90（操作）Chrome调试工具的基本使用-下08:53
91（了解）颜色的常见取值-上 - 105:24- 92（了解）颜色的常见取值-上 - 305:28
93（了解）颜色的常见取值-下06:21
94（案例）综合案例1-新闻网页案例 - 109:07- 95（案例）综合案例1-新闻网页案例 - 309:09
96后代选择器 - 105:18- 97后代选择器 - 305:19
98子代选择器04:56
99并集选择器05:17
100交集选择器06:04
101emmet语法07:44
102hover伪类选择器06:50
104背景颜色06:53
105背景图片07:18
106背景平铺05:47
107背景位置 - 106:07- 108背景位置 - 306:10
109背景相关属性连写 - 106:03- 110背景相关属性连写 - 306:05
111img标签和背景图片的区别05:38
112元素显示模式-块级元素09:14
113元素显示模式-行内元素05:34
114元素显示模式-行内块元素07:30
115元素显示模式转换08:22
116HTML嵌套规范注意点06:33
117（总结）居中方法总结03:22
118CSS三大特性-继承性 - 105:22- 119CSS三大特性-继承性 - 305:24
120继承的小应用04:57
121继承失效的特殊情况 - 105:32- 122继承失效的特殊情况 - 305:35
123（案例）综合案例1-普通导航案例09:05
124优先级 - 105:59- 125优先级 - 306:04
126权重叠加计算08:44
127（案例）权重计算案例下 - 105:08- 128（案例）权重计算案例下 - 305:09
129（操作）调试工具查错流程 - 106:30- 130（操作）调试工具查错流程 - 306:35
131（操作）PxCook的基本使用 - 105:48- 132（操作）PxCook的基本使用 - 305:45
134内容区域的宽高03:25
135border相关属性介绍 - 106:07- 136border相关属性介绍 - 306:04
137盒子实际大小初级计算公式 - 105:15- 138盒子实际大小初级计算公式 - 305:11
139（案例）综合案例1-新浪导航案例-大盒子完成 - 106:19- 140（案例）综合案例1-新浪导航案例-大盒子完成 - 306:19
141padding取值介绍 - 106:01- 142padding取值介绍 - 306:06
143盒子实际大小的终极计算公式08:11
144（案例）新浪导航优化06:08
145（了解）不会撑大盒子的特殊情况05:14
146CSS3盒模型（自动内减）08:57
147（案例）综合案例2-网页新闻列表案例-大盒子完成 - 105:11- 148（案例）综合案例2-网页新闻列表案例-大盒子完成 - 305:09
149（案例）综合案例2-网页新闻列表案例-h2盒子完成 - 105:36- 150（案例）综合案例2-网页新闻列表案例-h2盒子完成 - 305:37
151（案例）综合案例2-网页新闻列表案例-ul盒子完成09:38
152margin的取值09:44
153margin单方向设置的应用07:26
154清除默认内外边距 - 105:18- 155清除默认内外边距 - 305:19
156外边距的正常现象04:12
157外边距折叠现象-合并现象06:54
158外边距折叠现象-塌陷现象10:00
159结构伪类选择器-查找单个 - 106:09- 160结构伪类选择器-查找单个 - 306:05
161结构伪类选择器-查找多个09:53
162（案例）结构伪类选择器的易错点04:46
163（了解）nth-of-type结构伪类选择器06:48
164伪元素 - 105:27- 165伪元素 - 305:31
166浮动的介绍09:30
167浮动的特点上 - 105:44- 168浮动的特点上 - 305:48
169浮动的特点下 - 105:30- 170浮动的特点下 - 305:32
171（案例）网页布局案例 - 107:05- 172（案例）网页布局案例 - 307:01
173（案例）综合案例1-小米模块案例-大盒子完成 - 105:12- 174（案例）综合案例1-小米模块案例-大盒子完成 - 305:18
175（案例）综合案例1-小米模块案例-小盒子完成09:12
176（案例）综合案例2-网页导航案例-结构与样式清除完成05:10
177（案例）综合案例2-网页导航案例-布局完成 - 105:18- 178（案例）综合案例2-网页导航案例-布局完成 - 305:19
179清除浮动的介绍08:20
180清除浮动方法-直接设置父元素高度06:50
181清除浮动方法-双伪元素清除法08:08
182清除浮动方法-给父元素设置overflow-hidden03:55
183定位的应用场景介绍06:57
184定位的基本使用步骤08:41
185静态定位的介绍03:41
186相对定位的介绍09:06
187绝对定位的介绍06:26
188绝对定位到底相对于谁进行移动09:28
189子绝父相的介绍 - 105:15- 190子绝父相的介绍 - 305:17
192（案例）卡片模块的hot图标定位案例 - 106:12- 193（案例）卡片模块的hot图标定位案例 - 306:09
194（案例）子绝父相水平居中案例 - 107:19- 195（案例）子绝父相水平居中案例 - 307:17
196（案例）子绝父相水平垂直都居中案例09:13
197（案例）导航二维码居中定位案例 - 106:43- 198（案例）导航二维码居中定位案例 - 306:46
199（案例）底部半透明遮罩效果案例 - 106:30- 200（案例）底部半透明遮罩效果案例 - 306:28
201固定定位的介绍 - 105:40- 202固定定位的介绍 - 305:42
203（总结）定位小结03:26
204元素的层级关系09:30
205垂直对齐方式08:53
206（案例）vertical-align可以解决的问题一06:27
207（案例）vertical-align可以解决的问题二02:12
210（案例）vertical-align可以解决的问题五04:25
211光标类型05:54
212边框圆角的介绍09:04
213overflow溢出部分显示效果08:30
214元素本身隐藏属性介绍05:22
215（案例）元素显示隐藏切换案例04:46
216（案例）导航二维码显示隐藏切换案例05:28
217（了解）元素整体透明度04:44
218（了解）边框合并06:24
219（拓展）用CSS画任意三角形的技巧03:28
220（了解）链接伪类选择器 - 105:31- 221（了解）链接伪类选择器 - 305:31
222（拓展）焦点伪类选择器04:30
223精灵图的介绍09:34
224精灵图的使用步骤09:44
225背景图片大小 - 107:15- 226背景图片大小 - 307:11
227（了解）文字阴影 - 105:24- 228（了解）文字阴影 - 305:29
230过渡的介绍 - 106:28- 231过渡的介绍 - 306:26
233（了解）骨架结构标签介绍 - 107:38- 234（了解）骨架结构标签介绍 - 307:43
235SEO三大标签 - 105:47- 236SEO三大标签 - 305:49
237有语义的布局标签04:44
238ico图标的设置04:36
239版心的介绍07:11
240CSS的书写顺序06:33
241基础公共样式08:29
242index页面骨架07:03
243header部分模块分析05:35
244xtx-shortcut模块分析04:17
245xtx-shortcut模块大盒子代码完成07:24
246xtx-shortcut模块ul导航代码完成 - 105:22- 247xtx-shortcut模块ul导航代码完成 - 305:22
248xtx-shortcut模块手机精灵图代码完成09:39
249xtx-main-nav模块的nav部分代码完成09:30
250xtx-main-nav模块的search部分input部分代码完成08:58
251xtx-main-nav模块的search部分放大镜图标代码完成07:06
252xtx-main-nav模块的cart部分完成 - 105:33- 253xtx-main-nav模块的cart部分完成 - 305:33
254xtx-service模块分析和大盒子代码完成 - 105:19- 255xtx-service模块分析和大盒子代码完成 - 305:17
256xtx-service模块内部a标签代码完成 - 106:41- 257xtx-service模块内部a标签代码完成 - 306:39
258xtx-copyright模块分析和大盒子代码完成04:11
259xtx-copyright模块内部代码完成09:26
260xtx-entry模块分析和大盒子代码完成08:42
261xtx-entry模块的banner部分完成03:52
262xtx-entry模块的category部分大盒子完成04:32
263xtx-entry模块的category部分文本内容完成09:26
264xtx-entry模块的category部分右箭头完成05:07
265xtx-entry模块的左右箭头部分完成 - 106:38- 266xtx-entry模块的左右箭头部分完成 - 306:35
267xtx-entry模块的轮播指示器部分完成 - 105:27- 268xtx-entry模块的轮播指示器部分完成 - 305:31
269xtx-new-goods模块分析04:55
270xtx-new-goods模块的大盒子代码完成04:28
271xtx-new-goods模块的goods-hd部分代码完成 - 106:00- 272xtx-new-goods模块的goods-hd部分代码完成 - 306:03
273xtx-new-goods模块的goods-list部分大盒子完成07:22
274字体图标-基本使用 - 106:08- 275字体图标-基本使用 - 306:14
276字体图标-iconfont类05:05
277案例-购物车09:54
278字体图标-svg-上传-意义06:03
279字体图标-sbg-上传-步骤07:54
280平面转换-介绍08:41
281平面转换-位移08:07
282平面转换-位移-技巧03:39
283平面转换-定位盒子居中09:08
284案例-双开门-布局 - 106:13- 285案例-双开门-布局 - 306:22
286案例-双开门-hover效果06:00
287平面转换旋转04:55
288平面转换-转换原点07:45
289平面转换-多重转换06:15
290平面转换-缩放06:15
291案例-缩放 - 109:14- 292案例-缩放 - 309:15
293案例-缩放-注意点-层叠性03:39
294黑马程序员web前端HTML5+CSS3+移动web全套，零基础自学必备(20-渐变) - 105:45- 295黑马程序员web前端HTML5+CSS3+移动web全套，零基础自学必备(20-渐变) - 305:42
296案例-渐变09:05
297综合案例-华为-结构分析10:00
298综合案例-华为-mask07:05
299空间转换-简介04:13
300空间转换-位移07:35
302空间转换-透视属性-原理09:33
303空间转换-rotateZ04:16
304空间转换-rotateX04:34
305空间转换-rotateY03:30
306空间转换-左手法则05:41
307空间转换-rotate3d-了解02:33
308空间转换-立体呈现 - 108:28- 309空间转换-立体呈现 - 308:30
310d导航-搭建立方体08:04
311上午回顾03:27
312空间转换-缩放05:42
313动画-简介 - 105:25- 314动画-简介 - 305:30
315动画-from..to06:16
316动画-百分比04:48
317动画-animation复合属性01 - 105:41- 318动画-animation复合属性01 - 305:44
319动画-animation复合属性0208:15
320动画-animation拆分写法07:07
321动画-逐帧动画-简介05:21
322动画-逐帧动画-实现 - 106:03- 323动画-逐帧动画-实现 - 306:01
324动画-多组动画 - 105:17- 325动画-多组动画 - 305:15
326综合案例-走马灯 - 109:28- 327综合案例-走马灯 - 309:29
328综合案例-全民出游-背景大图 - 107:32- 329综合案例-全民出游-背景大图 - 307:37
330综合案例-全民出游-云彩-布局07:37
331课程介绍01:49
332PC和移动网页不同点05:13
333分辨率 - 105:18- 334分辨率 - 305:22
335代码参考分辨率-逻辑 - 105:03- 336代码参考分辨率-逻辑 - 305:03
337黑马程序员web前端HTML5+CSS3+移动web全套，零基础自学必备(08-视口) - 106:02- 338黑马程序员web前端HTML5+CSS3+移动web全套，零基础自学必备(08-视口) - 306:04
339二倍图 - 107:27- 340二倍图 - 307:29
341百分比布局 - 106:15- 342百分比布局 - 306:19
343Flex-体验09:43
344Flex-简介08:40
345Flex-组成08:42
346Flex-主轴对齐方式 - 105:21- 347Flex-主轴对齐方式 - 305:23
349Flex-单独控制某个盒子侧轴对齐方式03:17
351Flex-弹性伸缩比 - 106:24- 352Flex-弹性伸缩比 - 306:27
353小兔鲜儿-确认订单-准备工作 - 105:07- 354小兔鲜儿-确认订单-准备工作 - 305:07
355小兔鲜儿-确认订单-整体布局 - 108:10- 356小兔鲜儿-确认订单-整体布局 - 308:11
357小兔鲜儿-确认订单-底部支付-布局07:38
358小兔鲜儿-确认订单-底部支付-左侧07:16
359小兔鲜儿-确认订单-底部支付-右侧04:25
360小兔鲜儿-确认订单-用户信息-整体布局 - 106:32- 361小兔鲜儿-确认订单-用户信息-整体布局 - 306:34
362小兔鲜儿-确认订单-用户信息-内容布局05:38
363小兔鲜儿-商品-布局 - 106:14- 364小兔鲜儿-商品-布局 - 306:16
365小兔鲜儿-商品-数量05:36
366小兔鲜儿-商品-描述 - 108:19- 367小兔鲜儿-商品-描述 - 308:17
368小兔鲜儿-其他信息-布局 - 105:36- 369小兔鲜儿-其他信息-布局 - 305:37
370小兔鲜儿-其他信息-内容08:47
371Flex-修改主轴方向07:51
372Flex-主轴方向和对齐方式05:32
373Flex-弹性盒子换行08:52
374Flex-调整行对齐方式05:51
375小兔鲜儿-pc-项目介绍 - 105:07- 376小兔鲜儿-pc-项目介绍 - 305:08
377小兔鲜儿-pc-背景07:25
378小兔鲜儿-pc-内容布局08:51
379小兔鲜儿-pc-账户概览-布局08:51
380小兔鲜儿-pc-账户概览-内容 - 107:25- 381小兔鲜儿-pc-账户概览-内容 - 307:24
382小兔鲜儿-pc-账户概览-图片尺寸03:54
383小兔鲜儿-pc-公共面板-布局 - 105:13- 384小兔鲜儿-pc-公共面板-布局 - 305:09
385小兔鲜儿-pc-公共面板-文字样式04:30
386小兔鲜儿-pc-订单-li布局07:03
387小兔鲜儿-pc-订单-goods09:18
388小兔鲜儿-pc-订单-goods-省略号07:29
389rem-基本使用07:04
390rem-媒体查询 - 106:28- 391rem-媒体查询 - 306:35
392rem-移动适配 - 105:03- 393rem-移动适配 - 305:12
394rem-布局流程 - 105:31- 395rem-布局流程 - 305:36
396rem-flexible移动适配09:47
397Less-体验06:52
398Less-简介03:04
400Less-注释04:22
401Less-计算07:25
402Less-嵌套 - 105:03- 403Less-嵌套 - 305:00
404Less-变量 - 105:19- 405Less-变量 - 305:22
406Less-导入06:01
407Less-导出-插件配置08:38
408Less-导出-单独路径04:30
409Less-禁止导出03:47
410游乐园-Less-导入03:13
411游乐园-整体布局09:45
412游乐园-根字号变量05:15
413游乐园-banner区域04:02
414游乐园-活动标题04:47
415游乐园-活动-状态-蓝色06:47
416游乐园-活动-状态-灰色08:30
417游乐园-活动-文字-top06:46
418游乐园-活动-文字-bottom07:13
419游乐园-活动-内容复制04:16
420游乐园-活动-底部工具栏 - 105:25- 421游乐园-活动-底部工具栏 - 305:33
422vw-体验09:48
423vh-体验03:30
424vw-移动适配06:27
425vh-全面屏影响05:10
426B站-获取素材08:51
427B站-项目准备05:51
428B站-头部-布局 - 105:35- 429B站-头部-布局 - 305:36
430B站-vw变量01:39
431B站-头部-logo图标06:54
432B站-头部-right内容09:16
433B站-头部-更多07:33
434B站-头部-字体图标字号01:42
435B站-头部-tab - 105:10- 436B站-头部-tab - 305:15
437B站-视频-布局 - 106:29- 438B站-视频-布局 - 306:30
440B站-视频-介绍文字03:47
441B站-视频-数量统计09:41
442媒体查询-书写顺序09:35
443了解-媒体查询-完整写法06:27
444媒体查询-link写法06:17
445媒体查询-隐藏09:26
446bootstrap-体验07:10
448bootstrap-下载09:56
449bootstrap-使用08:43
450bootstrap-栅格系统-原理 - 105:17- 451bootstrap-栅格系统-原理 - 305:14
452bootstrap-栅格系统-代码 - 105:13- 453bootstrap-栅格系统-代码 - 305:14
454bootstrap-栅格系统-其他类名 - 105:13- 455bootstrap-栅格系统-其他类名 - 305:14
456bootstrap-介绍06:19
457bootstrap-表格08:47
458bootstrap-按钮07:23
459bootstrap-组件07:57
460bootstrap-字体图标03:22
461bootstrap-插件-下拉菜单07:10
462bootstrap-插件-轮播图06:49
463AlloyTeam-项目准备04:35
464AlloyTeam-头部-组件06:41
465AlloyTeam-头部-样式07:18
466bootstrap-定制-项目导航 - 106:58- 467bootstrap-定制-项目导航 - 307:03
468AlloyTeam-开源项目-标题文字06:28
469AlloyTeam-开源项目-栅格布局04:14
470AlloyTeam-开源项目-内容06:32