本文主要介紹css面試問(wèn)題(css面試基礎(chǔ))，下面一起看看css面試問(wèn)題(css面試基礎(chǔ))相關(guān)資訊。
1.兩列布局-左邊固定寬度，右邊全是。
左邊用fl:1。
2.三列布局
兩側(cè)的絕對(duì)定位在中間使用邊距或填充來(lái)記住父系相位
3.元素水平居中的方法
定位margine :汽車(chē)
定位邊距-l:-高度和寬度的50% = = =定位轉(zhuǎn)換:translate。
彈性彈性布局彈性對(duì)齊-內(nèi)容對(duì)齊-項(xiàng)目
4 : ;淺談柔性彈性布局
簡(jiǎn)單地說(shuō)，flex布局中的容器有一個(gè)主軸和一個(gè)橫軸。
felx的一些性質(zhì)
是否僅內(nèi)容對(duì)齊項(xiàng)目伸縮方向伸縮換行等等。
應(yīng)用場(chǎng)景:實(shí)現(xiàn)元素縱橫居中，實(shí)現(xiàn)兩列布局、三列布局等。
4.有哪些隱藏頁(yè)面元素的方法，以及它們之間的區(qū)別？
01display:如果隱藏元素直接消失，會(huì)被重新排列，直接匯出。
02能見(jiàn)度:隱藏隱藏元素不會(huì)造成重排但會(huì)重新混合。
03 :opacity: 0透明導(dǎo)致匯款。
04:將高度和寬度設(shè)置為0。
05:定位使用邊距來(lái)移除修改的元素。
在上面的方法中，只有不透明度會(huì)響應(yīng)點(diǎn)擊事件，只有可見(jiàn)性和不透明度會(huì)占用頁(yè)面空間。
5:選擇器重量?jī)r(jià)格比較
！導(dǎo)入樣式idclass= attribute
6.css繪制三角形
將高度和寬度設(shè)置為0，然后設(shè)置邊框，根據(jù)所需的三角形反方向，將方框的兩個(gè)相反方向的邊框顏色設(shè)置為透明。
7.對(duì)盒子模型的理解
由內(nèi)容填充邊框邊距組成。
標(biāo)準(zhǔn)框模型框內(nèi)容的高度和寬度是內(nèi)容。
ie框模型框內(nèi)容的高度和寬度是內(nèi)容填充邊框。
8 : ;對(duì)重排和重繪的理解。
當(dāng)我們對(duì)dom的修改引起dom幾何尺寸的變化(比如修改元素的寬度和高度或者隱藏元素等。)，瀏覽器需要重新計(jì)算元素的幾何屬性，然后繪制計(jì)算結(jié)果。出現(xiàn)
當(dāng)我們對(duì)dom的修改導(dǎo)致了樣式(顏色或背景色)的改變，但不影響其幾何屬性時(shí)，瀏覽器不需要重新計(jì)算元素的幾何屬性，直接為元素繪制新的樣式，只觸發(fā)回流。
標(biāo)簽:
元素布局
了解更多css面試問(wèn)題(css面試基礎(chǔ))相關(guān)內(nèi)容請(qǐng)關(guān)注本站點(diǎn)。