前端面試CSS--概念記憶理解(10-3)

1.font-style屬性可以讓它賦值為“oblique” oblique是什么意思?

傾斜的字體樣式

2.position:fixed;在android下無效怎么處理?

fixed的元素是相對整個頁面固定位置的,你在屏幕上滑動只是在移動這個所謂的viewport,

原來的網(wǎng)頁還好好的在那,fixed的內(nèi)容也沒有變過位置,

所以說并不是iOS不支持fixed,只是fixed的元素不是相對手機(jī)屏幕固定的。

meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/

3.如果需要手動寫動畫,你認(rèn)為最小時間間隔是多久,為什么?(阿里)

多數(shù)顯示器默認(rèn)頻率是60Hz,即1秒刷新60次,所以理論上最小間隔為1/60*1000ms = 16.7ms

4.display:inline-block 什么時候會顯示間隙?(攜程)

5.什么是CSS 預(yù)處理器 / 后處理器?

- 預(yù)處理器例如:LESS、Sass、Stylus,用來預(yù)編譯Sass或less,增強(qiáng)了css代碼的復(fù)用性,

? 還有層級、mixin、變量、循環(huán)、函數(shù)等,具有很方便的UI組件模塊化開發(fā)能力,極大的提高工作效率。

- 后處理器例如:PostCSS,通常被視為在完成的樣式表中根據(jù)CSS規(guī)范處理CSS,讓其更有效;目前最常做的

? 是給CSS屬性添加瀏覽器私有前綴,實(shí)現(xiàn)跨瀏覽器兼容性的問題。

6.style標(biāo)簽寫在body后與body前有什么區(qū)別?

寫在head標(biāo)簽中利于瀏覽器逐步渲染。

寫在body標(biāo)簽后由于瀏覽器以逐行方式對html文檔進(jìn)行解析,當(dāng)解析到寫在尾部的樣式表(外聯(lián)或?qū)懺趕tyle標(biāo)簽)會導(dǎo)致瀏覽器停止之前的渲染,等待加載且解析樣式表完成之后重新渲染,在windows的IE下可能會出現(xiàn)FOUC現(xiàn)象(即樣式失效導(dǎo)致的頁面閃爍問題)

移除空格、使用margin負(fù)值、使用font-size:0、letter-spacing、word-spacing

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,827評論 1 45
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,168評論 1 92
  • 前端開發(fā)面試題 面試題目: 根據(jù)你的等級和職位的變化,入門級到專家級,廣度和深度都會有所增加。 題目類型: 理論知...
    怡寶丶閱讀 2,687評論 0 7
  • 請參看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon閱讀 7,771評論 2 19
  • 《吾之從軍行》 戊戌年八月初五,戌時。 是夜,月掩風(fēng)輕醺,燈火微暈,吾等行進(jìn)十余里,途中有感,故志文以記之。 櫚庭...
    立禾閱讀 808評論 4 15

友情鏈接更多精彩內(nèi)容