TA的每日心情 | 开心 2024-9-19 21:14 |
---|
签到天数: 757 天 [LV.10]以坛为家III
管理员
- 积分
- 1312677
|
课程简介:
当我们有了一定的前端经验后,关于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 浮动与同一行的差异
|
|