狂神直播课（前端设计网页布局HTML+CSS探索揭秘、Go等）

编辑点评

系统讲解HTML+CSS布局原理，实战项目丰富，适合初学者和进阶者。

⭐ 编辑推荐

狂神直播课，带你探索前端布局奥秘，实战项目提升实战能力。

课程涵盖：盒模型、浮动布局、Flex布局、Grid布局、移动端适配等。

✨ 课程亮点

课程目录

├──08、前端设计网页布局HTML+CSS探索揭秘
| ├──笔记
| | ├──asserts
| | ├──01、关于对前端领域css的认识和理解.md 5.52kb
| | ├──02、样式的引入的三种方式.md 1.83kb
| | ├──03、样式合成.md 0.96kb
| | ├──04、浮动布局.md 1.04kb
| | ├──05、CSS盒模型的组成部分.md 6.44kb
| | ├──06、margin-top和margin-bottom叠加问题.md 1.02kb
| | ├──07、块级盒子和内联盒子和内联块级盒子.md 3.20kb
| | ├──08、自使用盒模型的特性.md 2.16kb
| | ├──09、display + a 升级 block的妙用.md 1.26kb
| | ├──09、标准盒模型和怪异的盒模型.md 4.69kb
| | ├──10、浮动样式讲解.md 5.85kb
| | ├──10、关于A标签的顽固的自带样式问题.md 2.08kb
| | ├──11、浮动特征和注意事项.md 4.94kb
| | ├──12、定位Position样式探索.md 16.09kb
| | ├──13、Css、css3选择器.md 0.03kb
| | ├──14、Flex弹性布局概念.md 27.80kb
| | ├──15、Flex内联与快的上下左右居中布局.md 4.72kb
| | ├──16、Flex实现不定向居中.md 3.50kb
| | ├──17、Flex 均分列布局.md 1.15kb
| | ├──18、Flex子项分组布局.md 2.61kb
| | ├──19、Flex – grow 子项扩展比例布局.md 3.52kb
| | ├──20、子项 – Flex-shrink 收缩比例.md 3.71kb
| | ├──21、子项 – Flex-basisi及flex缩写.md 2.26kb
| | ├──22、Flex等高布局.md 2.51kb
| | ├──23、Flex 两列与三列布局.md 1.14kb
| | ├──24、Sticky Footer 布局.md 1.56kb
| | ├──25、溢出项布局.md 3.33kb
| | ├──26、模拟知乎导航.md 0.02kb
| | ├──PostionAbolute实战开发认识和理解.md 5.65kb
| | ├──Snipaste_2022-06-02_13-49-01.jpg 10.69kb
| | ├──布局技巧的问题.md 0.66kb
| | ├──待解答问题：元素的默认的样式的问题.md 0.04kb
| | ├──如何解决displayinline-block 间隙问题.md 1.45kb
| | ├──如何快速拔取网站.md 0.00kb
| | └──作业：实战开发明细页面.md 1.84kb
| ├──第八天：移动端适配布局
| | ├──笔记
| | ├──源码
| | ├──01、关于grid网格布局的行列转换问题.mp4 436.60M
| | ├──02、使用grid的行列转换实现小米导航-01.mp4 504.09M
| | ├──03、使用grid的行列转换实现百度风云榜.mp4 242.41M
| | ├──04、关于移动端的逻辑像素和物理像素的认识和理解.mp4 351.85M
| | ├──05、关于移动端各种设备适配的问题.mp4 97.45M
| | ├──06、关于移动端像素单位em和rem的区别.mp4 284.20M
| | ├──07、完美的适配解决方案root + rem + js + vm的解决方案.mp4 190.38M
| | └──08、完美的适配解决方案root + rem + js + vm的解决方案-02.mp4 310.27M
| ├──第二天、盒模型和浮动布局
| | ├──01、作业实现：文章明细页面-02.mp4 306.25M
| | ├──02、作业实现：文章明细页面-03.mp4 274.72M
| | ├──03、作业实现：文章明细页面-04.mp4 270.66M
| | ├──04、文章明细页面-代码高亮-Highligter.mp4 275.46M
| | 鈹溾攢鈹€06銆丮argin-top鍜宐ottom鍙犲姞闂.mp4 54.69M
| | ├──07、块盒子 内联盒子的区别和特征对比.mp4 231.17M
| | ├──08、关于a标签的顽固自带样式问题.mp4 163.13M
| | ├──09、Css怪异盒模型的布局拯救.mp4 218.42M
| | ├──10、浮动布局&清除浮动的解决方案.mp4 356.35M
| | └──11、如何快速的拔取网页模板.mp4 304.88M
| ├──第九天：实战开发
| | ├──asserts
| | ├──boostrapsource
| | ├──xiaomi官网分类导航
| | ├──个人博客案例
| | ├──模拟百度宫格新闻词条布局
| | ├──移动端 – 模拟B站首页和播放页
| | ├──01、实战开发 – 个人博客响应式-01.mp4 663.80M
| | ├──02、实战开发 – 个人博客响应式-02.mp4 597.66M
| | ├──03、实战开发 – 个人博客响应式-03.mp4 657.05M
| | ├──04、实战开发 – 移动端-模拟B站开发-01.mp4 515.82M
| | ├──05、实战开发 – 移动端-模拟B站开发-02.mp4 563.54M
| | ├──06、实战开发 – 移动端-模拟B站开发-03.mp4 608.12M
| | ├──07、实战开发 – 移动端-模拟B站开发-04.mp4 355.63M
| | ├──08、前端设计网页布局HTML+CSS探索揭秘 ：实战开发.zip 1.72M
| | ├──关于项目实战准备工作.md 0.55kb
| | └──移动端B站的模拟和编写.md 1.12kb
| ├──第六天：Grid网格布局
| | ├──笔记
| | ├──源码
| | ├──01、Grid网格布局的认识和概述.mp4 116.18M
| | ├──02、Grid布局的子项和容器属性认识.mp4 415.43M
| | ├──03、Grid网格布局-fr单位的认识和理解.mp4 452.90M
| | ├──04、Grid网格布局-关于template-areas和areas合并行列.mp4 251.21M
| | ├──05、Grid网格布局-网格元素的对齐方式place-items justify-items align-items.mp4 241.93M
| | ├──05、Grid网格布局.zip 6.69M
| | ├──06、Grid网格布局-网格整体对齐方式 justify-content align-content place-content.mp4 111.54M
| | ├──07、Grid网格布局-网格行列合并的原理column和row-01.mp4 341.70M
| | ├──08、Grid网格布局-网格行列合并的原理column和row-02.mp4 64.31M
| | ├──09、Grid网格布局-网格行列合并的原理基于命名的方式合并行和列.mp4 91.86M
| | ├──10、Grid网格布局-网格内部某个格子元素对齐place-self justify-self align-self.mp4 427.13M
| | └──11、Grid网格布局-网格布局的repeat和minmax.mp4 324.45M
| ├──第七天：栅格系统实战
| | ├──boostrapsource
| | ├──01、揭秘bootstrap的栅格系统-01.mp4 450.96M
| | ├──02、揭秘bootstrap的栅格系统-02.mp4 369.55M
| | ├──03、揭秘bootstrap的栅格系统-03.mp4 300.88M
| | ├──04、自定义栅格系统-01.mp4 49.37M
| | ├──05、自定义栅格系统-02.mp4 295.16M
| | ├──06、第七天：栅格系统实战.zip 42.19kb
| | ├──06、自定义栅格系统-03.mp4 535.63M
| | ├──07、自定义栅格系统-04.mp4 589.50M
| | ├──08、自定义栅格系统-05.mp4 547.13M
| | ├──09、自定义栅格系统-06.mp4 11.26M
| | ├──关于boostrap栅格系统.md 12.02kb
| | └──为什么还要媒体@media查询呢?.md 2.68kb
| ├──第三天、Position定位布局详谈
| | ├──笔记
| | ├──源码
| | ├──01、课程回顾和小结浮动布局float.mp4 194.44M
| | ├──01、前端设计网页布局HTML+CSS探索揭秘 – Position定位布局.zip 6.68M
| | ├──02、Position定位探索和概述.mp4 115.83M
| | ├──03、Position定位探索 – zindex层级问题.mp4 181.78M
| | ├──04、Position定位探索 – 关于Absolute的探索.mp4 456.77M
| | ├──04、Position定位探索 – 粘性定位st.mp4 307.51M
| | ├──05、Position定位探索 – 案例ui中国的评论和点赞.mp4 40.75M
| | ├──06、Position定位探索 – fixed固定定位.mp4 221.09M
| | ├──07、Position定位探索 – 粘性定位sticky.mp4 210.56M
| | ├──08、Position定位探索 – 实战案例分析-Notification开发.mp4 495.58M
| | ├──09、Position定位探索 – 实战案例分析-Notification开发 动画和图标和封装.mp4 517.04M
| | ├──10、Position定位探索 – 关于弹出层居中问题三种解决方案.mp4 316.15M
| | └──11、Position定位探索 – 关于抽屉drawer的原理和方向配置定义的奥秘.mp4 352.43M
| ├──第十天：实战开发-Ant Desgin Pro
| | ├──源码
| | ├──01、实战开发 – Ant Desgin Pro .mp4 249.55M
| | ├──02、实战开发 – Ant Desgin Pro .mp4 95.57M
| | ├──03、实战开发 – Ant Desgin Pro .mp4 524.57M
| | ├──04、实战开发 – Ant Desgin Pro .mp4 51.19M
| | ├──05、实战开发 – Ant Desgin Pro .mp4 360.98M
| | ├──06、实战开发 – Ant Desgin Pro .mp4 57.68M
| | ├──07、实战开发 – Ant Desgin Pro .mp4 108.34M
| | ├──08、实战开发 – Ant Desgin Pro .mp4 579.45M
| | ├──09、实战开发 – Ant Desgin Pro .mp4 131.59M
| | ├──10、实战开发 – Ant Desgin Pro .mp4 460.07M
| | ├──11、实战开发 – Ant Desgin Pro .mp4 641.21M
| | └──第十天：实战开发-Ant Desgin Pro.zip 379.51kb
| ├──第十一天：实战开发终结
| | ├──Ant Desgin Pro 项目实战-iframe
| | ├──Ant Desgin Pro 项目实战-no iframe
| | ├──关于important和rgba和opactity认识和理解
| | 鈹溾攢鈹€02-浣滀笟瑙ｇ瓟-important.mp4 62.13M
| | ├──03、实战开发后台布局 – 右侧导航和换肤和控制相关-01.mp4 140.67M
| | ├──04、实战开发后台布局 – 右侧导航和换肤和控制相关-02.mp4 117.42M
| | ├──05、实战开发后台布局 – 右侧导航和换肤和控制相关-03.mp4 185.19M
| | ├──06、实战开发后台布局 – 右侧导航和换肤和控制相关-04.mp4 659.38M
| | ├──07、实战开发后台布局 – 右侧导航和换肤和控制相关-05.mp4 326.07M
| | ├──08、实战开发后台布局 – 登录实现-01-06.mp4 579.52M
| | ├──09、实战开发后台布局 – 登录实现-02.mp4 442.53M
| | ├──10、前端设计网页布局HTML+CSS探索揭秘 ：实战开发终结.zip 362.80kb
| | └──10、实战开发后台布局 – 下拉菜单.mp4 313.85M
| ├──第四天、弹性布局Flexbox
| | ├──笔记
| | ├──源码
| | ├──01、Vue的组件和父子通讯的问题和探讨-01.mp4 454.00M
| | ├──02、Vue的组件和父子通讯的问题和探讨-02.mp4 234.25M
| | ├──03、Vue的组件和父子通讯的问题和探讨-03.mp4 478.58M
| | ├──03、前端设计网页布局HTML+CSS探索揭秘 – Flex弹性盒子布局.zip 5.41M
| | ├──04、Vue的组件和父子通讯的问题和探讨-04.mp4 341.16M
| | ├──05、Vue的组件和父子通讯的问题和探讨-05.mp4 79.03M
| | ├──06、Flex弹性布局和概述和入门.mp4 77.50M
| | ├──07、Flex弹性盒子主轴和交叉轴.mp4 117.42M
| | 鈹溾攢鈹€08銆丗lex寮规€х洅瀛愮殑flex-directory.mp4 91.21M
| | ├──09、Flext弹性盒子布局 – Flex-direction.mp4 35.19M
| | ├──10、Flext弹性盒子布局 – flex-wrap折行问题.mp4 147.22M
| | ├──11、Flext弹性盒子布局 – justify-content主轴对齐.mp4 204.87M
| | ├──12、Flext弹性盒子布局 – 交叉轴align-content对齐.mp4 153.93M
| | ├──13、Flext弹性盒子布局 – 关于方向主轴和交叉轴的交换问题.mp4 198.67M
| | ├──14、Flext弹性盒子布局 – baseline基线对齐.mp4 109.58M
| | ├──15、Flext弹性盒子布局 – 实战-盒子垂直水平居中.mp4 376.17M
| | ├──16、Flext弹性盒子布局 – 实战-分组和不定向居中.mp4 439.92M
| | ├──16、Flext弹性盒子布局 – 实战-模拟轮播图的原点和分页居中问题.mp4 215.72M
| | ├──17、Flex弹性盒子布局 – 剩余空间占比flex-grow.mp4 335.18M
| | ├──18、Flex弹性盒子布局 – 溢出空间占比-flex-shrink-01.mp4 522.05M
| | ├──19、Flex弹性盒子布局 – 溢出空间占比-flex-shrink-02.mp4 440.26M
| | ├──20、Flex弹性盒子布局 – 实战-完成ui中国文章内容列表展示.mp4 46.44M
| | ├──21、Flex弹性布局-后台页面的两行三列布局.mp4 293.63M
| | ├──22、Flex弹性布局-等高布局.mp4 435.20M
| | ├──23、Flex粘性底部和页脚.mp4 362.47M
| | ├──24、Flex实现开发UI中国和知乎头部.mp4 497.07M
| | ├──25、Flex实现开发内容页面排版和布局.mp4 637.49M
| | └──后续课程规划和安排.mp4 69.37M
| ├──第五天：@media媒体查询带来响应式
| | ├──asserts
| | ├──源码
| | ├──01、响应式布局@Midea – 概述.mp4 103.79M
| | ├──02、响应式布局@Midea – 媒体类型.mp4 40.77M
| | ├──03、响应式布局@Midea – 媒体特征.mp4 134.71M
| | ├──04、@media媒体查询带来响应式.zip 6.65M
| | ├──05、响应式布局@Midea – 逻辑操作符.mp4 84.47M
| | ├──06、响应式布局@Midea – 外部link媒体查询.mp4 76.44M
| | ├──07、响应式布局@Midea – 关于执行顺序的问题和注意.mp4 63.19M
| | ├──08、响应式布局@Midea – 移动优先原则min-width.mp4 243.59M
| | ├──09、响应式布局@Midea – PC优先原则.mp4 504.92M
| | ├──10、响应式布局@Midea – 栅格布局的基础原理分析.mp4 97.57M
| | ├──11、响应式布局@Midea – 实战实现boostrap风格头部的展开和收起-01.mp4 461.64M
| | ├──12、响应式布局@Midea – 实战实现boostrap风格头部的展开和收起-02.mp4 300.77M
| | └──响应式布局@Midea.md 12.42kb
| ├──第一天、css基本认识和浅谈浮动布局
| | ├──01、关于前端领域css的认识和理解.mp4 140.95M
| | ├──02、如何认识网页或者App的页面开发.mp4 422.29M
| | ├──03、HTML页面的标签的认识和理解.mp4 363.58M
| | ├──04、行内样式、内部样式、外部样式的优先级.mp4 169.60M
| | ├──05、浮动布局初识 – 实现UI中国的宫格-01.mp4 68.17M
| | ├──06、浮动布局初识 – 实现UI中国的宫格-02.mp4 131.16M
| | ├──07、浮动布局初识 – 实现UI中国的宫格-03.mp4 497.26M
| | └──08、作业实现：文章明细页面-01.mp4 273.70M
| ├──源码
| | ├──htmlcode
| | └──实战：编写文章明细页面
| ├──Flavor.sketchplugin_1.3.8.zip 762.34kb
| ├──highlight.zip 2.78M
| ├──photoshop安装助手@226.exe 4.77M
| ├──PxCook_v3.9.960_build_202101211055_x64.exe 10.85M
| └──亲测绿色PS CC.rar 159.06M
├──20230201：开班典礼
| ├──直播录屏【www.52download.cn】
| | 鈹斺攢鈹€2023.2.1鐩存挱褰曞睆.mp4 241.23M
| ├──飞哥分享.pdf 1.04M
| └──开班典礼.pdf 280.77kb
├──20230202：Go语言介绍及环境搭建
| ├──课堂笔记
| | ├──聊聊Go语言.assets
| | └──聊聊Go语言.md 49.68kb
| ├──直播录屏
| | └──2023.2.2 Go介绍及环境搭建.mp4 256.98M
| └──资料
| | ├──effective-go-zh-en-gitbook.pdf 1.02M
| | ├──go1.19.1.windows-amd64.msi 135.07M
| | ├──goland-2022.2.3.exe 445.18M
| | └──go语音圣经.pdf 4.10M
├──20230204：Go语言基础之变量常量
| ├──笔记
| | └──Go语言基础语法.rar 87.04kb
| ├──代码
| | └──lesson01.rar 7.28kb
| └──直播录屏
| | └──20230204：Go语言基础之变量常量.mp4 216.34M
├──20230205：Go语言基础之数据类型与运算符
| ├──笔记
| | └──课程笔记.rar 1.06M
| ├──代码
| | └──课程代码.rar 5.56kb
| └──直播录屏
| | └──20230205：Go语言基础之数据类型与运算符.mp4 248.77M
├──20230207：Go语言基础之流程结构
| ├──课堂代码
| | └──lesson02.rar 6.64kb
| ├──直播笔记
| | └──2023.2.7 Go流程控制直播笔记.md 14.65kb
| └──直播录屏
| | └──2023.2.7 Go流程控制.mp4 215.95M
├──20230209：Go语言基础之函数上
| ├──直播笔记
| | └──2023.2.9 Go函数.rar 152.62kb
| ├──直播代码
| | └──lesson03.rar 3.14kb
| └──直播录屏
| | └──20230209：Go语言基础之函数上.mp4 220.99M
├──20230211：Go语言基础之函数下
| ├──直播笔记
| | └──20232.11 Go语言函数下.rar 179.19kb
| ├──直播代码
| | └──lesson03.rar 4.96kb
| └──直播录屏
├──20230212：Go语言数组切片
| ├──代码
| | └──xuego.rar 10.71kb
| ├──直播笔记
| | └──2023.2.12 Go数组切片.rar 159.97kb
| └──直播录屏
| | 鈹斺攢鈹€2023.2.12 Go鏁扮粍鍒囩墖.mp4 224.79M
├──20230214：切片与map
| ├──直播笔记
| | └──2023.2.14切片与map.rar 61.93kb
| ├──直播代码
| | └──lesson06.rar 9.30kb
| └──直播录屏
| | 鈹斺攢鈹€2023.2.14 鍒囩墖涓巑ap.mp4 204.46M
├──20230216：指针与结构体
| ├──代码
| | └──lesson07.rar 7.60kb
| ├──直播笔记
| | └──2023.2.16 指针与结构体.rar 143.25kb
| └──直播录屏
| | └──2023.2.16 指针与结构体.mp4 207.42M
├──20230218：面向对象思想
| ├──直播笔记
| | └──Go面向对象编程-学相伴.rar 24.48kb
| ├──直播代码
| | └──lesson08.rar 5.93kb
| └──直播录屏
| | └──2023.2.18 面向对象编程.mp4 210.75M
├──20230219：接口和错误
| ├──直播笔记
| | └──2023.2.19 错误与异常.rar 4.15kb
| ├──直播代码
| | └──lesson09.rar 4.70kb

适合人群

• 前端开发初学者
• 前端开发进阶者

🎯 学习收获

• 掌握HTML+CSS布局原理
• 提升实战项目能力
• 适应移动端开发需求

🎉 祝您学习愉快！