7 個開放式的 CSS 面試題及回答策略

翻譯：瘋狂的技術宅
原文： https://www.indeed.com/hire/i...

無論你是面試官仍是求職者，裏面的思路都能讓你獲益匪淺。

你用 CSS 多久了？

解析：

這個問題可讓面試官瞭解求職者使用 CSS 的經驗。它還能夠告訴面試官該人是否將該技能做爲業餘愛好或在學術或專業環境中學習。

面試官想知道些什麼：

• 求職者使用 CSS 的經驗
• 對建立網站的興趣
• 是否持續關注新技術

參考答案：

我在高中時就開始用 CSS 了。當時我和一些朋友爲咱們喜歡的電視節目搭了一個網站。不過這些頁面不好勁，由於它們沒有統一的風格。每一個頁面的字體和顏色都不同。後來我學會了 CSS，這樣就能夠很輕鬆的使頁面風格統一。

你最喜歡的 CSS 功能是什麼？

解析：

求職者最喜歡 CSS 的哪些功能並不重要。經過這我的是否可以熟練的地談論 CSS，可以看出他 CSS 瞭解多少。

面試官想知道些什麼：

• 求職者對 CSS 的經驗
• 對 CSS 的瞭解
• 如何用 CSS 節省時間

參考答案：

我很是喜歡用 CSS 改變頁面佈局這個功能，由於這樣能夠適配不一樣的屏幕尺寸。如今有各類尺寸和形狀的設備。若是你能正確的使用 CSS，在任何設備上訪問你網站的體驗都會很好，不論是用 iPhone 仍是用 PC 瀏覽你的網站都不要緊。

你有沒有把 CSS 與其餘語言結合使用？

解析：

Web開發人員一般依賴好幾種語言來構建動態網站。經過面試者的答案能夠得知他都知道哪些開發語言。若是面試官單獨提出某種語言，還可知道面試者對該語言的理解有多深。

面試官想知道些什麼：

• 對前端設計的興趣
• 其餘語言技能
• 是否具備創造性解決問題的能力

參考答案：

一般我用 CSS 來建立網站頁面的整體佈局並進行美化。另外我還將用 HTML 爲頁面提供一些結構。當我須要向網站添加交互式元素、動畫、音樂或其餘功能時，更喜歡使用 JavaScript，由於它可以很方便的實現一些邏輯。「

你能告訴我一個讓你學到新 CSS 技術的項目嗎？

解析：

這個問題鼓勵面試者反思他們使用CSS的經歷。答案可能會揭示一些事情，例如面試者對 CSS 有多少經驗，以及他們如何使用批判性思惟來解決困難問題。

面試官想知道些什麼：

• 對 CSS 的瞭解
• 使用 CSS 的經驗

• 是否具備批判性思惟

參考答案：

我在大學裏作過一個項目，這個項目能幫助圖書管理員和工程師團隊對內容進行數字化。個人小團隊打算把圖書館裏收藏的大量手寫詩集數字化。花費精力最多的一個功能是：寫了一個可以容納各類大小和形狀的詩詞稿件的樣式。

你最喜歡的一個項目是什麼？

經過這個問題能夠深刻了解求職者的經驗。答案更多地揭示了求職者的個性而不是編程技巧。

面試官想知道些什麼：

• 瞭解 CSS 的好處
• 可以創造性的解決問題
• 面試者如何應對挑戰

參考答案：

我幫一位朋友寫了一個發佈文章、照片、音樂和各類媒體的在線雜誌，這個項目並不難，幾個小時後，他的網站從 OK 變爲優秀。它讓我想起爲何瞭解 CSS，JavaScript 和其餘經常使用語言很是重要。若是沒有一個好的網站來展現它，你所作的都沒有什麼意義。

當你忘記某個 CSS 的功能時，是怎麼解決的？

解析：

程序員不能把全部東西都放在腦子裏，因此當他們能想起特定的功能和術語時，會依賴一些資源。這個問題的答案可以知道求職者有沒有可靠的資源，這些資源在將來開展項目時可能會派上用場。

面試官想知道些什麼

• 深刻了解 CSS 資源
• 在哪裏去查找 CSS 功能的資料

• Insider knowledge of CSS

  • 是否懂得 CSS 更深層次的知識

參考答案：

Mozilla開發者網絡，簡稱 MDN，爲我節省了大量的時間。這是一個在線資源，其中包含有 CSS、HTML和JavaScript 的資料。我也喜歡 w3schools.com 上的 CSS 教程。

你最不喜歡 CSS 的哪些東西？

解析：

全部人都有不喜歡的工做。對這個問題的誠實回答能夠幫助面試官爲求職者提供合適的團隊。例如，若是一我的喜歡在 CSS 文件中發現錯誤，那麼你可能但願聘請這我的與一個喜歡專一於大局的創意人一塊兒工做。

面試官想知道些什麼：

• 瞭解 CSS 的優缺點
• 瞭解求職者能夠扮演什麼角色
• 瞭解求職者的其餘興趣

參考答案：

CSS 使網頁設計變得更加容易，但它仍然感受有點單調乏味。理想狀況下，我想用動態語言讓用戶與網站進行互動。但就目前而言，我很樂意磨練本身的 CSS 技能並向更有經驗的人學習。

---

歡迎繼續閱讀本專欄其它高贊文章：

• 12個使人驚歎的CSS實驗項目
• 世界頂級公司的前端面試都問些什麼
• CSS Flexbox 可視化手冊
• 過節很無聊？仍是用 JavaScript 寫一個腦力小遊戲吧！
• 從設計者的角度看 React
• CSS粘性定位是怎樣工做的
• 一步步教你用HTML5 SVG實現動畫效果
• 程序員30歲前月薪達不到30K，該何去何從
• 第三方CSS安全嗎？
• 談談super(props) 的重要性

---

本文首發微信公衆號：jingchengyideng

歡迎掃描二維碼關注公衆號，天天都給你推送新鮮的前端技術文章