1:說說你對bfc的理解

bfc就是指塊級格式化上下文,自己在內(nèi)部無論怎么操作都不會影響上下文,創(chuàng)建的指令有overflow不為visible position為absolted

2:css的sprite是什么,有什么優(yōu)缺點(diǎn)

sprite就是將所有圖片匯聚在一張圖片上,通過調(diào)整background的position進(jìn)行圖片的展示,目的是減少網(wǎng)絡(luò)請求,提高性能,缺點(diǎn)是不好進(jìn)行后期的維護(hù),一旦換了圖片,調(diào)整的工作量是巨大的

3:display:none和display:hiden的區(qū)別

none是在文本上徹底消失了,不進(jìn)行paint這一個過程,不占有空間,當(dāng)重新繪制的時候會導(dǎo)致回流.而hiden是占據(jù)有空間,但是空間中的元素進(jìn)行隱藏,因?yàn)檎紦?jù)有空間,所以重新繪制的時候不會導(dǎo)致回流

4:line-height和height的區(qū)別

height是指content的高度,是死的,不會隨著內(nèi)容的變化而變化,而line-height會每一行文字的高度,會隨著行數(shù)的變化,content也會隨著改變

5:如何進(jìn)行居中顯示

運(yùn)用彈性盒子,justify:center;align-items:center;還有就是

6簡述盒子模型

在標(biāo)準(zhǔn)的盒子模型中,盒子的寬高是content+2(padding+margin+border)內(nèi)容的content的寬度就是內(nèi)容的寬content度,在ie瀏覽器中,盒子的寬度就是content(在這個盒子中不存在padding和border),content的寬度就是盒子寬度減去border和padding

7:閃爍的概念

閃爍是指html界面先加載出來,加載出來之后css在渲染出來全部進(jìn)行一次重繪的情況

8:說出你對彈性盒子的理解

彈性盒子就是flex,分為父類使用和子類使用的屬性,在父類方法中,我們可以定義主軸的方向橫向還是縱向,定義在橫軸和縱軸的排列方向和在子元素超出范圍時,需不需要進(jìn)行換行操作.在在子元素中,我們可以定義子元素的排列順序,order,定義自己的排列方式align-self.定義在剩余的空間是否進(jìn)行填充和超出范圍是否需要縮減,grow是指定義元素的寬度,優(yōu)先級比自定義的高.flex默認(rèn)grow,shrink和bais.none是指ooauto auto是指11auto 1是指001 其中 basis的0是指以能融入的最小為單位 auto是指有width的情況下就是 width,如果沒有就是內(nèi)容自適應(yīng)

9:手寫一個三角形出來

我們利用border是四個三角形的原理來進(jìn)行繪制處理,將內(nèi)容的寬高設(shè)置成0,border寬高設(shè)置100 solider color 此時我么想顯示哪一個三角形,就向其他的三角形的顏色處理成transparent

10:手寫一個輪播圖

11：vh和vw的作用，rem和em的區(qū)別