Re: [心得] 給網頁設計師的建議

看板Web_Design作者dlikeayu (太陽拳vs野球拳)時間11年前 (2012/12/29 15:18)推噓1(1推 0噓 3→)

留言4則, 1人參與討論串2/3 (看更多)

※ 引述《evenwu (EvenWu)》之銘言： : 原文 : http://blog.evendesign.tw/post/38567423298/web-designer : 轉錄 : 前陣子因為案件的需要，面試了約 20 位熟悉 CSS 的網頁設計師。為了提高面試效率， : 特地設計了一份 CSS 考題來進行篩選，考題雖命名為「煉獄CSS」但事實上非常初階， : 我認為都是一些必須知道的事情。 : 由於面試過程是一對一，所以不會有互相影響的狀況。面試者來信履歷都極有自信， : 幾乎都強調通曉 HTML/CSS 設計，經驗豐富，希望能盡力接下案件。但透過面試， : 發現有九成面試者不但無法答題，且錯誤答案竟然也雷同，讓我覺得一定要特地記錄 : 下來。 : 首先來看看考題，總共十題，但多數人三題錯，就請回了。所以我只寫出這三題。 : 考題在現場有實際的 example 頁面、面試者可以自由開啟 Inspector 或是 : 上網 google。（也就是有上機啦...） : === : 第一題、不同瀏覽器的預設樣式不同，要怎麼解決？ : 正確答案：reset.css 或是 normalize.css，如果有使用過 css framework : 也多半是先行採用了這兩個重設 CSS 的方式。 : 原先設計這一題的用意是熱身，沒想到在這邊就攔下了九成的網頁設計師… 多數人回答 : 不出預設樣式不同要怎麼辦，而是回答「針對不同的瀏覽器寫 css hack」有經驗的 : 設計師就會知道，這是非常糟糕的答案。 : 第二題、如果一個X元素內的子元素通通 float: left 請問元素本身會有 : 什麼狀況？如果我要在X元素內下背景，卻沒有顯示，請問如何解決？ : 正確答案：X元素本身會沒有高度，必須實作 clear-fix (self-clear) 或是在內部 : 塞任一新元素並設置 clear: both X元素才能包覆子元素 : 這一題也是很基礎的題目，如果回答不出來，可能連二欄式的版面都無法完成。 : 但仍然有高達九成的人回答：「將X元素本身設置 height 就可以解決」這是一個恐怖的 : 答案，很有可能在上線的時候就立刻破版。 : 第三題、為何 a 元素的寬度設置了 width: 150px 但是寬卻沒有 150px 呢？ : 正確答案：將 a 元素設定 display: block 或是 display: inline-block : 我記得這一題也只有三個人答對，實在太令人驚訝了。這都是非常簡易的問題，絕非煉獄 : 等級的考題。大部分的人要求 google 此問題。或是在 inspector 進行「試誤法」， : 某些人誤打誤撞找對了答案，但明顯不是真的知道解答。第四題：母元素的第一個block子元素margin-top:10px溢位要怎麼解決？ 1)子元素設float屬性，母元素也加clearfix 2)在第一個子元素前塞一個tag 3)子元素position:relative 4) 5) 不過我最喜歡1的做法，最乾淨 2可解決但會破壞html 3在一些需要子母定位的排版下有可能又要增加一個block元素去防止相對問題其它由版眾解說 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 111.249.139.191