开通会员
热搜AI大模型JavaPython前端软考面试
狂神直播课（前端设计网页布局HTML+CSS探索揭秘、Go等） 正版资源
永久有效网盘秒发免费补链
getfromcode前端开发 会员免费

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

狂神直播课（前端设计网页布局HTML+CSS探索揭秘、Go等） 深入HTML+CSS布局技巧，实战项目提升技能 编辑点评 系统讲解HTML+CSS布局原理，实战项目丰富，适合初学者和进阶者。 ⭐ 编辑推荐 狂神直播课，带你探索前端布局奥秘，实战项目提升实战能力。 课程涵盖：盒模型、浮动布局、Flex

单课价¥29.90新品 上架
会员价 会员免费开通会员，全站课程按额度无限下载套餐详情
3 人关注 更新于 2026-10-10 永久有效
发货

网盘链接 · 支付成功后自动发货

保障

永久有效 · 链接失效免费补发

客服

每日 9:00-21:00 在线客服 联系客服

购买方式开通会员 · 全站免费下单课购买 · 仅本课

支付成功后自动显示网盘下载链接；链接失效可联系客服免费补链，永久有效。

正版保障 极速发货 售后无忧

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

深入HTML+CSS布局技巧，实战项目提升技能

编辑点评

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

⭐ 编辑推荐

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

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

✨ 课程亮点

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

课程目录

课程目录168 集
  • ├──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布局原理
  • 提升实战项目能力
  • 适应移动端开发需求

🎉 祝您学习愉快！

同类课程

和你正在看的这门一个方向
查看更多
熠辉ai编程课前端开发
会员免费
查看详情

熠辉ai编程课

永久有效 · 网盘发货

¥29.90会员免费
1 人已购 56
产品老曾课程4套合集前端开发
会员免费
查看详情

产品老曾课程4套合集

永久有效 · 网盘发货

¥29.90会员免费
1 人已购 37
蔡老板-AST入门实战与JavaScript补环境课程前端开发
会员免费
查看详情

蔡老板-AST入门实战与JavaScript补环境课程

永久有效 · 网盘发货

¥29.90会员免费
1 人已购 27
乐魔leo游戏UI动效0基础系统课前端开发
会员免费
查看详情

乐魔leo游戏UI动效0基础系统课

永久有效 · 网盘发货

¥29.90会员免费
1 人已购 21
慕课网-全栈开发高可扩展，高可维护性“当当书城WebApp”前端开发
会员免费
查看详情

慕课网-全栈开发高可扩展，高可维护性“当当书城WebApp”

永久有效 · 网盘发货

¥29.90会员免费
1 人已购 14