web前端面試中CSS 相關問題

 

CSS 相關問題：

• CSS 中類 (classes) 和 ID 的區別。
• 請問 "resetting" 和 "normalizing" CSS 之間的區別？你會如何選擇，爲何？
• 請解釋浮動 (Floats) 及其工做原理。
• 描述z-index和疊加上下文是如何造成的。
• 請描述 BFC(Block Formatting Context) 及其如何工做。
• 列舉不一樣的清除浮動的技巧，並指出它們各自適用的使用場景。
• 請解釋 CSS sprites，以及你要如何在頁面或網站中實現它。
• 你最喜歡的圖片替換方法是什麼，你如何選擇使用。
• 你會如何解決特定瀏覽器的樣式問題？
• 如何爲有功能限制的瀏覽器提供網頁？
  • 你會使用哪些技術和處理方法？
• 有哪些的隱藏內容的方法 (若是同時還要保證屏幕閱讀器可用呢)？
• 你用過柵格系統 (grid system) 嗎？若是使用過，你最喜歡哪一種？
• 你用過媒體查詢，或針對移動端的佈局/CSS 嗎？
• 你熟悉 SVG 樣式的書寫嗎？
• 如何優化網頁的打印樣式？
• 在書寫高效 CSS 時會有哪些問題須要考慮？
• 使用 CSS 預處理器的優缺點有哪些？
  • 請描述你曾經使用過的 CSS 預處理器的優缺點。
• 若是設計中使用了非標準的字體，你該如何去實現？
• 請解釋瀏覽器是如何判斷元素是否匹配某個 CSS 選擇器？
• 請描述僞元素 (pseudo-elements) 及其用途。
• 請解釋你對盒模型的理解，以及如何在 CSS 中告訴瀏覽器使用不一樣的盒模型來渲染你的佈局。
• 請解釋 * { box-sizing: border-box; } 的做用, 而且說明使用它有什麼好處？
• 請羅列出你所知道的 display 屬性的所有值
• 請解釋 inline 和 inline-block 的區別？
• 請解釋 relative、fixed、absolute 和 static 元素的區別
• CSS 中字母 'C' 的意思是疊層 (Cascading)。請問在肯定樣式的過程當中優先級是如何決定的 (請舉例)？如何有效使用此係統？
• 你在開發或生產環境中使用過哪些 CSS 框架？你以爲應該如何改善他們？
• 請問你有嘗試過 CSS Flexbox 或者 Grid 標準規格嗎？
• 爲何響應式設計 (responsive design) 和自適應設計 (adaptive design) 不一樣？
• 你有兼容 retina 屏幕的經歷嗎？若是有，在什麼地方使用了何種技術？
• 請問爲什麼要使用 translate() 而非 absolute positioning，或反之的理由？爲何？  web前端學習www.zhihaijiangku.com