带你彻底掌握 CSS 浮动

价       格: 免费
讲座评分:
4.7
视频时长:1小时9分钟
等 2187 人参与
240 收藏

讲师信息

华中师范大学计算机科学与技术师范专业,曾先后就职于省重点高中、阿里巴巴、小米。
高二开始在文曲星上编程,大二开始持续专注于前端开发领域的技术,热爱原创,热爱分享前端技术。

欢迎报名讲堂的小伙伴们进入我的 QQ 交流群595406439

内容简介

什么是公开课?

公开课是 SegmentFault 讲堂面向所有开发者的知识普及产品。为了提升整个行业的水平,我们会邀请业内一线富有经验的讲师,针对开发过程中最基础但是问题最多的知识点进行权威讲解。

公开课是完全免费公开资源,欢迎大家扩散和分享它。

这堂课讲了什么?

CSS 浮动是前端开发中最基础但又是最容易犯错的问题,我在工作中经常遇到有多年经验的开发者都没有完全弄明白里面的概念。虽然近年 Flex 布局开始进入大家的视野,但是浮动定位仍然占据前端布局的主流地位,而理解它也可以让你更好地理解 CSS 盒状模型等很多相关概念。

因此借助 SegmentFault 公开课这一渠道,我为大家录制了这一期课程,希望能对你理解 CSS 浮动有所帮助。以下是课程主要覆盖的三个方面

  1. 浮动的基本概念
  2. 浮动的摆放
  3. 浮动的清除与闭合

面向人群

  1. 前端初学者
  2. 对浮动这一概念不太清晰的前端工程师

为了方便大家理解,我会在课程中结合实例讲解,希望你也能跟着我一起动手练习。


14 条评价

Cupid · 5月18日
载入中...
骑猪北上 · 5月4日

特地回来重看

载入中...
目尽地平线 · 4月12日

确实讲得很好,特别是17~29分钟讲浮动元素的摆放方式,特别精彩,图画的特别好

载入中...
LuckyMouse · 4月3日

非常好,非常受益!

载入中...
Render · 3月23日

冲着公开课5星

载入中...
phoenixor绯色 · 2月25日

希望讲讲flex布局,毕竟是未来主流

载入中...
2fa0 · 2月8日

什么时候讲讲BFC呢?

载入中...
绿色的白菜 · 2月4日

很详细,辛苦了!希望出更多的讲座!

载入中...
c690554125 · 1月23日

弄明白了clear和常用的闭合浮动的原理。期待BFC讲解

载入中...
Jenny · 1月17日
载入中...

讲师的相关讲座

SegmentFault 讲堂是什么?

SegmentFault 讲堂是以开发者为中心的视频演讲平台。 旨在和开发者一起分享和创造有价值的技术内容。 目前讲堂主要有视频观看,下载相关文档以及和主讲人聊天互动的功能。

关注 SegmentFault 服务号

  • 订阅讲堂开播提醒
  • 及时获取更多直播动态

添加 SF.GG 讲堂粉丝 QQ 群

  • 群号码:642336612(备注 SF 用户名)
  • 不定期获取讲座优惠信息,随时和开发者交流互动