二八原則中的css？

1、我在某篇博文中注意到知識的運用存在一個二八原則，即某一工程領域內80%都是在和20%的內容打交道，特別是計算機領域。

2、我個人的前端經歷比較特殊，之前做的都是在別人的樣式之上寫交互邏輯，所以css一直渣的不行，最近開始惡補基礎知識，但缺少練手的目標。

3、所以想請問大家，在前端工程中，css實踐所的那"20%"是什麼，或者，初級前端工程師的熟悉css應該是怎樣的狀態？

4、補充：我相信一切知識的學習都需要長久的積累。因為目前是希望能快速的把css短板先補起來，所以希望目標更清晰可操作一些，而並不是抱著急功近利的態度來問問題。 謝謝大家~

想快速補 CSS 短板當然是可以找博客看下常用的 CSS 然後理解。但是這樣往往不夠系統。

系統地學習 CSS 我覺得可以多看看書，實際上 CSS 的書本身也不多，把這些書里的知識學會收益非常高。

《CSS設計指南 (豆瓣)》非常基礎的 CSS 書，哪怕完全沒有基礎都能看懂

《CSS權威指南（第三版） (豆瓣)》CSS 的規範非常難以理解（當然本身也不是寫給 Web 開發者看的），Meyer 加工之後算是比較好理解的，儘管這本書很老，但是價值不低

《精通CSS（第2版） (豆瓣)》以前講 CSS 技法的書裡面非常好的一本，當然這本已經有更新版本的了，不過中文版暫時沒有跟上

《CSS3專業網頁開發指南 (豆瓣)》 講 CSS3 的書，可以快速過一遍，了解 CSS3 有哪些新東西，當然這本書里有些內容已經和 CSS3 不一樣了，比如 Flex box

《CSS揭秘 (豆瓣)》最新的 CSS 技法書

看完這些之後，再徹底弄懂 W3Help - 兼容性 - 知識庫 里的內容，工作中的 CSS 不會有什麼問題。

真抱歉，偶沒聽說過二八原則。就CSS而言，入門簡單，深入複雜。坑多。練手到處可有。隨便拿個UI就可以當做練手的東東。至少學到20%就能頂80%（我不知道我理解的二八原則是不是這樣），我想這樣是不是太容易了。至少我現在還沒做到這樣的成就。我只知道需要不斷的去學習

80%的時間你都在寫width,height,margin,padding,border,float,position這些屬性，20%的時間在寫其它的。。。

所以上面列到的這些屬性在何種情況下如何表現就顯得很重要了，另外這些屬性本來也是比較難以控制的，大概就是CSS里的二八原則吧

然後你會發現這些屬性都是與布局相關的屬性，也就是說布局是CSS里相當重要的一塊，甚至可以說是最重要的一塊

快速學習css的方式：

宜

1、打開知乎；

2、打開瀏覽器控制台；

3、按照html組件模塊來查看知乎的css實現；

4、其他網站的css學習也是類似的方式。

忌

1、貪多嚼不爛；

2、切勿拿別人整站的css來研究，浪費時間，不分重點；

未來

1、看過很多剛學習不久或者實習生做的網站，界面那是真的丑，包括我自己回過頭來看以前大學時代做過的網站，好low，不要拿自己沒有設計師幫助做借口；

2、如果能夠提高自己的審美標準，就會不斷的去優化css，使得頁面的布局美觀，然後增加靈動性，用到css3來裝飾，接著考慮適配，又能進一步優化css的靈活性。

28原則

沒有絕對，只有相對，我從來不相信你學會了20%的css技術，就能在未來實現80%的需求，看起來多麼專業的一個名詞，說透了是一些程序員知識分子來包裝自己精通理論的外衣（你看看那些大v們，滿口English、高大上名詞，連readme都是English，但他們的粉絲基本是Chinese），拿別人的外衣穿在自己的身上，你就永遠不知道真實的自己。

CSS揭秘

因為css很簡單，所以大多數coder不把重複寫的東西總結成solution，css也是有模式的。

我是個小白，無意中看到一本我覺得極好的 CSS 基礎知識書籍，雖然從沒看人推薦過，這裡推薦一下，叫作 《CSS the missing manual》第四版，中文叫啥忘了，我英語也不好，不過有 CSS 基礎，所以看起來還好

part1 給小白講 css 格式，selector 的順序

part2 講一些 margin, border 等常用的 css 及我不怎麼用過的 animation, transition

part3 講布局，float 和 flex

part4 講 sass

part5 把之前講過沒講過的 css 再給複述一遍

我認為有幾個角度可以談,

80%是css基礎知識. 20%是瀏覽器兼容相關hack, 以及各種prefix.

80%是傳統布局, 20%是 flex 布局. 未來將逆轉.

80%是固定結構, 20%是 responsive 結構. 逆轉中.

80% css 基礎知識, 20% 預處理器知識.

但我不贊同這樣挑著學, 因為各部分聯繫緊密, 且少有用不到的知識.

CSS 不好說哪些內容佔多少比重，但布局和盒模型肯定是最重要的部分之一，建議看 Learn CSS Layout