程序人生
| 课程方向: |
网页前端 |
| 课程类型: |
语言基础 功能实现 |
本站资源全部免费,回复即可查看下载地址!
您需要 登录 才可以下载或查看，没有帐号？立即注册
x
课程简介：
当我们有了一定的前端经验后，关于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 浮动与同一行的差异
|
温馨提示：
1、本站所有内容均为互联网收集或网友分享或网络购买,本站不破解、不翻录任何视频!
2、如本帖侵犯到任何版权问题，请立即告知本站，本站将及时予与删除并致以最深的歉意!
3、本站资源仅供本站会员学习参考,不得传播及用于其他用途,学习完后请在24小时内自行删除.
4、本站资源质量虽均经精心审查,但也难保万无一失,若发现资源有问题影响学习请一定及时点此进行问题反馈,我们会第一时间改正!
5、若发现链接失效了请联系管理员,管理员会在2小时内修复
6、如果有任何疑问,请加客服QQ:1300822626 2小时内回复你!
发表于 2018-12-19 15:48:25
照妖镜
发表于 2019-1-26 08:52:33
