簡(jiǎn)介:當(dāng)我們有了一定的前端經(jīng)驗(yàn)后,關(guān)于CSS代碼,我們已經(jīng)形成了自己的世界觀和屬于自己的準(zhǔn)則,本課程將會(huì)從感性的認(rèn)識(shí)的角度講解CSS float屬性。
第1章 Float的歷史-知其歷史而更知當(dāng)下
通過(guò)追溯CSS/HTML發(fā)展歷史,知道Float出現(xiàn)的原本作用是什么,從而可以幫助我們解答很多疑惑。
第2章 Float的特性-包裹與破壞
介紹浮動(dòng)的兩個(gè)特性,包裹與破壞,增強(qiáng)感性認(rèn)識(shí),CSS家族關(guān)系族譜即將呈現(xiàn)。
第3章 被誤解的Float-是魔鬼還是情非得已
父元素高度塌陷是bug? 別開(kāi)玩笑了,F(xiàn)loat只是做了正確的事情。
第4章 清除浮動(dòng)-究竟是清除浮動(dòng)還是清除浮動(dòng)帶來(lái)的影響?
通常的說(shuō)法并不一定準(zhǔn)確,通常的使用方法并不一定是最好的。
第5章 Float的濫用-不在其職而謀其政
Float用來(lái)布局很好使?親們,我本出現(xiàn)打醬油,如今濫用建高樓。
第6章 Float與流體布局-我本流體布局生,無(wú)奈苦逼砌磚頭
介紹幾種與浮動(dòng)相關(guān)的流體布局,讓你日后在網(wǎng)頁(yè)布局時(shí)候有更多的選擇。
第7章 Float與兼容性——不同的老爸不同的命
低版本IE本身就是個(gè)惡魔,再容身一個(gè)惡魔Float,那還不簍子捅出一大堆。