CSS 中類 (classes) 和 ID 的區別。
id唯一，class可以多個
請問 “resetting” 和 “normalizing” CSS 之間的區別？你會如何選擇，為什麼？
restting： 移除網頁的所有預設樣式
normalizing： 修復跨瀏覽器的一致性，解決不同瀏覽器的顯示問題。
請解釋浮動 (Floats) 及其工作原理。
float包括right,left,none;設定該屬性，這個元素會脫離文件流直到遇到包裹他的容器或者其他浮動元素
描述z-index和疊加上下文是如何形成的。
z-index會設定元素在Z軸的位置，按照從高到底堆疊
請描述 BFC(Block Formatting Context) 及其如何工作。
bfc是頁面渲染的一部分。一個bfc就是一個整體，所有子元素都會在bfc裡面渲染，而不會影響外面的元素。常見bfc為，根元素，float，postion元素，或者設定了overflow的元素
列舉不同的清除浮動的技巧，並指出它們各自適用的使用場景。
clear:both;
設定bfc
overflow: hidden;
height: auto;
請解釋 CSS sprites，以及你要如何在頁面或網站中實現它。
css sprites是一個把眾多小圖片打包成一個大圖以減少http請求。background: url(...) x-axis y-axis;
你最喜歡的圖片替換方法是什麼，你如何選擇使用。
你會如何解決特定瀏覽器的樣式問題？
如何為有功能限制的瀏覽器提供網頁？
你會使用哪些技術和處理方法？
有哪些的隱藏內容的方法 (如果同時還要保證螢幕閱讀器可用呢)？
你用過柵格系統 (grid system) 嗎？如果使用過，你最喜歡哪種？
你用過媒體查詢，或針對移動端的佈局/CSS 嗎？
用過使用媒體查詢截圖特定解析度的樣式問題
media screen (width:){
}
你熟悉 SVG 樣式的書寫嗎？
如何優化網頁的列印樣式？
在書寫高效 CSS 時會有哪些問題需要考慮？
優先使用類選擇器和ID選擇器
避免使用其他選擇規則，如tag
避免使用後代選擇器
使用 CSS 前處理器的優缺點有哪些？
可以方便的實現變數，運算，繼承等高階特性
需要編譯 不能直接使用
請描述你曾經使用過的 CSS 前處理器的優缺點。
scss
如果設計中使用了非標準的字型，你該如何去實現？
使用@font-face，和@import
請解釋瀏覽器是如何判斷元素是否匹配某個 CSS 選擇器？
從右到左讀取，先判斷子類，後判斷父類
請描述偽元素 (pseudo-elements) 及其用途。
在不影響原有html的情況下，加入新的樣式
請解釋你對盒模型的理解，以及如何在 CSS 中告訴瀏覽器使用不同的盒模型來渲染你的佈局。
- margin border padding content
- box-sizing: border-box; width包括border padding
- box-sizing: content-box; width只包括內容
請解釋 * { box-sizing: border-box; } 的作用, 並且說明使用它有什麼好處？
所有元素，不包括偽元素的合模型為border-box
請羅列出你所知道的 display 屬性的全部值
flex inline inline-block block
flex最新的彈性佈局
inline 內聯元素
inline-block可以設定寬高的內聯元素
block 塊元素，獨佔一行
請解釋 inline 和 inline-block 的區別？
inline設定寬高，padding margin top bottom都無效
請解釋 relative、fixed、absolute 和 static 元素的區別
relatvie相對自身
fixed相對螢幕
absolute相對祖先元素中第一個不為static的位置
static 預設
CSS 中字母 `C` 的意思是疊層 (Cascading)。請問在確定樣式的過程中優先順序是如何決定的 (請舉例)？如何有效使用此係統？
ID > class, psuedo-class > element, psudo-element
你在開發或生產環境中使用過哪些 CSS 框架？你覺得應該如何改善他們？
BOOTSTRAP
請問你有嘗試過 CSS Flexbox 或者 Grid 標準規格嗎？
FLEX
align-item: 交叉軸排布
justiy-content: 主軸排布
flex: 放大 縮小 自動;設定權重
flex-direction: 設定方向
為什麼響應式設計 (responsive design) 和自適應設計 (adaptive design) 不同？
響應式 只有一種佈局，根據螢幕自動改變
自適應 pc，平板，手機都有各自的佈局
你有相容 retina 螢幕的經歷嗎？如果有，在什麼地方使用了何種技術？
媒體查詢
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
…
}