幾天介紹過「HTML Reference網頁開發者必備手冊！收錄所有HTML元素及屬性說明」，有讀者說這個網站比W3Schools更方便快速，對于開發者來說實在非常實用，但可能有些人和我一樣接觸HTML機會不多，反倒是很常要改網頁樣式，假如你平常會需要和CSS為伍，本文要推薦的網站會更適合你。

CSS Reference和HTML Reference來自同一開發者，從站點名稱你應該可以知道兩者差異，CSS Reference主要專注于網站階層式樣式表（Cascading Style Sheets，簡稱CSS）語法參數，網站宗旨「通過示例學習」和我們熟悉的參考手冊差不多，實際上許多在線教學也都是從實例來學習語法操作。

CSS Reference將所有CSS標簽都列在網站中，同時提供快速檢索功能，當你點擊任一標簽后會開啟詳細使用教學，使用者可從設定方式對照示例，就能得出如何將某個語法正確運用到你的網頁設計。

更重要的是CSS Reference讓你真正了解每個語法標記如何使用，而不用從百度去翻找不一定正確（或可能過時）的網絡文章。

就如同HTML Reference一文寫道，我認為所有學習都必須有參考手冊，用于更全面的了解及對照查詢，包括CSS當然也是如此，尤其CSS 3又出現許多新的語法和設定方式，若沒有參考手冊很容易疏漏。若你屬于前端工程師或設計師，CSS是每天日常，將網站加入書簽就對了。

站點名稱：CSS Reference

網站連接：http://cssreference.io/

使用教學

STEP 1

開啟CSS Reference網站后，會發現它長得跟HTMLReference.io差不多，不過在細部設計上顏色倒沒有用得那么復雜。

上方Collections收錄一些CSS主題，例如動畫、背景、Flexbox、位置、過場動畫及排版，下方則有搜尋框及所有CSS屬性，目前一共收錄129個。

STEP 2

開啟關于文字排版主題分類，能找到一些很常用于文字設計的樣式類別，例如：font-family、font-size、color、text-align、letter-spacing等等，每個語法都有設定示例、說明并顯示成效于右側供開發者參考。

比較容易遇到的定位（Positioning）設定，如果你和我一樣時常搞不太清楚的話，從這網站的示例應該更能清楚理解。

STEP 3

每一個CSS屬性都會有詳細的設定說明，例如很常用到的font-style，可以變更文字樣式，加上斜體或粗體等等，各種設定方式都有對應的示例，即使看不懂英文敘述也沒關系，從這里亦能學習每個屬性要如何使用。

STEP 4

其他例如很常遇到的padding、margin等CSS屬性，一樣可以在CSS Reference說明手冊找到非常詳細的介紹及使用方式，通過圖片說明就能更容易理解，假如你想快速復制每個屬性內容，只要點擊語法即可快速復制到剪貼板。

致力發布和推廣來自世界各地的互聯網資源，六七英里博客目的就是希望與更多人分享網絡快樂與精彩！！關注訂閱六七英里給你好看哦……

天小編簡單給大家分享一下學習前端的步驟，以及面臨的問題，和以后就業的情況，本來從事web前端很多年，幫助新手解決這些小問題應該是小用菜一碟。

一、HTML的學習，超文本標記語言，網頁三劍客之一，作為靜態布局，HTML的學習會相對容易很多，只要你不斷的查看HTML手冊，不斷的去做精通界面，就不會有什么問題，記住不要死記硬背。

二、CSS的學習，現在的布局都是HTML+CSS+DIV的布局，CSS可以跟HTML完美的配合，CSS的學習也是非常的簡單，不用多說。

三、JavaScript是前端的核心，是web腳本語言使用最多的語音，也是你從事前端開發可以拿到多少工資的標準，一個人的原生JS的掌握程度，將會決定他在前端這個行業中的發展長遠，JS是不容易理解的，包括后面的框架都是js封裝的，所以JS是很難自學好的，建議新手要有人指導學習JS，不然你可能很快就放棄。

四、JQ的學習，這是一個非常優秀的框架庫，里面用JS封裝了大量的功能，用JQ實現特效就相對容易一些，如果你JS學的非常好的話，那么JQ學起來一定是沒有任何的問題。

五、bootstrap前端必學的框架，一個架構界面必須應用的神器，難度不是非常大，底層的東西掌握好，學習起來也是一樣的輕松。

六、前端各種流行框架，例如：node.js、vue.js、react.js等等，這些框架也是提升自己能力的象征，但是一定要把js學的非常好，不然這些框架很難入手。

給新手的建議：

1.不要著急學成，速成只會讓你成為如今前端大潮的犧牲品，要真的利用一段時間，最好半年的時間，真的把技術掌握。

2.系統而且有規劃的學習方案，一天都不可以停滯，每天堅持去學習，每個知識點，光看不做不寫，就相當于沒學一樣。

3.專業人士的指導不可缺少，現在前端不是自學，不要妄想看一套視頻只會就去找工作，如果誰這樣想，說句不好聽的，如同腦殘沒有區別。

從事前端這么多年，對于前端這個行業的動態了如指掌，這幾天剛參加玩騰訊公司舉辦的“web前端技術交流峰會”前端技術在以后會發展的更好，但是希望新手不要急功近利，沒有用。學習路線，學習方法，學習效率不懂的可以隨時問我，下面有我的web前端裙113485407，如果你只是來湊熱鬧的，那你別加，這里只希望真想學習前端的人加入，也有非常精品的學習視頻免費分享。