2017年秋招前端面試題(二)——-CSS

安全大佬是我發表於2017-12-13

針對秋招,我整理了一些大公司的面試題,方便大家學習交流。面試題解析,面試經驗分享,歡迎新增QQ群:642482868

  1. 介紹一下標準的CSS的盒子模型?低版本IE的盒子模型有什麼不同的?
  2. CSS選擇符有哪些?哪些屬性可以繼承?
  3. CSS優先順序演算法如何計算?
  4. CSS3新增偽類有那些?
  5. 如何居中div?
  6. display有哪些值?說明他們的作用。
  7. position的值relative和absolute定位原點是?
  8. CSS3有哪些新特性?
  9. 請解釋一下CSS3的Flexbox(彈性盒佈局模型),以及適用場景?
  10. 用純CSS建立一個三角形的原理是什麼?
  11. 一個滿屏 品 字佈局 如何設計?
  12. css多列等高如何實現?
  13. 經常遇到的瀏覽器的相容性有哪些?原因,解決方法是什麼,常用hack的技巧 ?
  14. li與li之間有看不見的空白間隔是什麼原因引起的?有什麼解決辦法?
  15. 為什麼要初始化CSS樣式。
  16. absolute的containing block(容器塊)計算方式跟正常流有什麼不同?
  17. 對BFC規範(塊級格式化上下文:block formatting context)的理解?
  18. position跟display、margin collapse、overflow、float這些特性相互疊加後會怎麼樣?
  19. CSS裡的visibility屬性有個collapse屬性值是幹嘛用的?在不同瀏覽器下以後什麼區別?
  20. css定義的權重
  21. 請解釋一下為什麼需要清除浮動?清除浮動的方式
  22. 什麼是外邊距合併?
  23. 一個滿屏 品 字佈局 如何設計?
  24. css多列等高如何實現?
  25. font-style屬性可以讓它賦值為“oblique” oblique是什麼意思?
  26. position:fixed;在android下無效怎麼處理?
  27. 如果需要手動寫動畫,你認為最小時間間隔是多久,為什麼?(阿里)
  28. display:inline-block 什麼時候會顯示間隙?(攜程)
  29. overflow: scroll時不能平滑滾動的問題怎麼處理?
  30. 有一個高度自適應的div,裡面有兩個div,一個高度100px,希望另一個填滿剩下的高度。
  31. png、jpg、gif 這些圖片格式解釋一下,分別什麼時候用。有沒有了解過webp?
  32. 什麼是Cookie 隔離?(或者說:請求資源的時候不要讓它帶cookie怎麼做)
  33. style標籤寫在body後與body前有什麼區別?
  34. 什麼是CSS 前處理器 / 後處理器?

更多面試題解析,面試經驗分享,歡迎新增QQ群:642482868

相關文章