1.了解了2D/3D 轉(zhuǎn)換屬性(Transform)過渡屬性(Transition)症副,過度屬性讓css3不用js也能實現(xiàn)動畫效果
2.clearfix的用法,用在哪 ? 首先理解下為什么要用clearfix,因為一個父塊中有一群不聽話浮動的子集灿里,若父集沒有設(shè)置高度垄懂,那么他就會坍縮,以前解決的辦法是添加都一個子集div用clear:both來解決匾浪,但是這樣的話就多了一個兒子,還沒名分的那種不好卷哩,所以就有了這個clearfix的方法,這個方法其實 ?整段代碼就相當(dāng)于在浮動元素后面跟了個寬高為0的空div蛋辈,然后設(shè)定它clear:both來達(dá)到清除浮動的效果。
一下是bootstrap里面clearfix的寫法,這是依據(jù)BFC構(gòu)成方法寫出的
clearfix這個類名用在父集標(biāo)簽上
.clearfix { ? ?
*zoom:1; ? ? ? ? ? ?/*針對IE6的寫法*/
}
.clearfix:before, ?
.clearfix:after {
display: table; ? ? /*這個display,用inline-block會產(chǎn)生空白 或者table-caption會導(dǎo)致兼容問題冷溶,所以用table就行了*/
line-height:0;
content:""; ?/*內(nèi)容為空或者別的都行*/
}
.clearfix:after {
clear:both;
}
3.在寫頁面的時候遇到一個比較白癡的問題就是當(dāng)瀏覽器頁面減小渐白,拖動滾動條的時候設(shè)定的寬度不填充
后來在設(shè)置背景的容器里面加入min-width就解決了
4.行高和字號的關(guān)系,盡量用em來控制文本中的行高逞频,這樣不用重復(fù)調(diào)整所有參數(shù)纯衍,所以為了更好地參數(shù)設(shè)置,干脆就直接設(shè)置一個固定的父集字號苗胀,后面的字號設(shè)置成父集的百分比襟诸,行高又或者是padding,margin,border-radius這類有關(guān)的值都設(shè)置成em。這樣只需要調(diào)整字號所有的值都隨之變化基协。rem是相對根目錄也就是html的歌亲,若html設(shè)置了16px 的fontsize ? 1rem=16px;
5.了解下CSS3 中的多欄 瀑布流布局