源码小哥哥 发表于 2018-12-19 15:48:25

前端基本功之深入理解css float浮动



课程简介:
当我们有了一定的前端经验后,关于CSS代码,我们已经形成了自己的世界观和属于自己的准则,本课程将会从感性的认识的角度讲解CSS float属性。

课程须知:
既适合学习过CSS基础知识的新手深入学习,也欢迎有经验的小伙伴加深了解噢!

课程能学到什么?
通过追溯CSS/HTML发展历史,知道Float出现的原本作用是什么,从而可以帮助我们解答很多疑惑。

课程目录:
第1章 Float的历史-知其历史而更知当下
通过追溯CSS/HTML发展历史,知道Float出现的原本作用是什么,从而可以帮助我们解答很多疑惑。
1-1 float的历史 (02:40)
1-2 浮动的原本作用-文字环绕
第2章 Float的特性-包裹与破坏
介绍浮动的两个特性,包裹与破坏,增强感性认识,CSS家族关系族谱即将呈现。
2-1 float特性-包裹与破坏 (03:41)
第3章 被误解的Float-是魔鬼还是情非得已
父元素高度塌陷是bug? 别开玩笑了,Float只是做了正确的事情。
3-1 被误解的float浮动 (04:17)
第4章 清除浮动-究竟是清除浮动还是清除浮动带来的影响?
通常的说法并不一定准确,通常的使用方法并不一定是最好的。
4-1 清除浮动 (05:10)
4-2 clear与margin重叠
第5章 Float的滥用-不在其职而谋其政
Float用来布局很好使?亲们,我本出现打酱油,如今滥用建高楼。
5-1 float浮动的滥用 (08:32)
5-2 float浮动去空格
5-3 浮动与display:block化
第6章 Float与流体布局-我本流体布局生,无奈苦逼砌砖头
介绍几种与浮动相关的流体布局,让你日后在网页布局时候有更多的选择。
6-1 Float与流体布局 (08:08)
6-2 浮动与两侧皆自适应的流体布局
6-3 浮动与右侧尺寸固定的流体布局
6-4 浮动与单侧尺寸固定的流体布局
第7章 Float与兼容性——不同的老爸不同的命
低版本IE本身就是个恶魔,再容身一个恶魔Float,那还不篓子捅出一大堆。
7-1 Float与兼容性 (07:39)
7-2 含clear的浮动元素包裹不正确的bug
7-3 浮动元素倒数2个莫名垂直间距bug(超过3浮动元素)
7-4 浮动元素倒数2个浮动最后一个字符重复bug
7-5 浮动与同一行的差异

**** Hidden Message *****

danting 发表于 2019-1-21 16:44:04

学习了,谢谢分享、、、

Goosefal 发表于 2019-1-26 08:52:33

不知该说些什么。。。。。。就是谢谢

秉生麟 发表于 2019-1-31 10:08:05

支持一下:lol

GanEhank 发表于 2019-2-4 08:10:39

啥也不说了,感谢楼主分享哇!

ortaundabai 发表于 2019-2-9 23:29:49

学习了,不错,讲的太有道理了

photon12342 发表于 2019-2-25 17:35:54

找到好贴不容易,我顶你了,谢了

wxp199393 发表于 2019-2-25 20:45:53

啥也不说了,感谢楼主分享哇!

rty930422 发表于 2019-2-27 21:25:55

相当不错,感谢无私分享精神!

碧霄成龙 发表于 2019-3-5 18:03:31

珍惜生命,果断回帖。
页: [1] 2 3 4 5
查看完整版本: 前端基本功之深入理解css float浮动