首頁  >  文章  >  web前端  >  手把手教你如何系統學習CSS

手把手教你如何系統學習CSS

藏色散人
藏色散人轉載
2021-03-10 15:57:322107瀏覽

簡單地聊一下,我自己是怎麼學習CSS的,僅是自己的一點小心得,僅供參考。

我想不管是學習什麼知識,應該都離不開書吧!就CSS方面,我覺得有幾本書是很值得大家花點時間閱讀的,例如:

手把手教你如何系統學習CSS

【推薦學習:css影片教學

如果你已不是初級的CSSer,那麼W3C中有關於CSS相關的規範文檔是值得一讀:

手把手教你如何系統學習CSS

說實話,閱讀規範是件痛苦的事情,但不同的時期,不同的階段去閱讀規範都會有不同的收穫。好比我自己,今年重新閱讀這些規範時,收穫就不少。可能閱讀規範更多關注點是CSS屬性的使用,但近一年來重新閱讀規範時,我更關注的是屬性使用的臨界點相關的知識。換句話說,我們平常使用CSS時碰到的問題,其實在規範中都有對應的描述,也能找到對應的答案。

除了閱讀規範之外,社區中許多優秀的博客也是值得我們去閱讀:

手把手教你如何系統學習CSS

在中國社區,有關於CSS方面的博客,特別推薦:

  • 張鑫旭老師的鑫空間,鑫生活
  • chokcoco 老師的愛CSS(ICSS)

#在社區中發現好的博客或者網站時,你也可以使用RSS應用程式來訂閱它們:

手把手教你如何系統學習CSS

RSS是個好東西,她能幫你省下不少的時間,而且取得資訊更有針對性,都有可能是你自己喜歡的內容。

如果你不太喜歡使用RSS的話,也可以使用一些瀏覽器的擴充插件,例如Chrome瀏覽器,我就整了一個Daily.dev:

手把手教你如何系統學習CSS

獲取資訊還有另一種方式,那就是訂閱Github上感興趣倉庫或關注行業內的一些大神:

手把手教你如何系統學習CSS

獲取資訊管道很多,造成獲取資訊成本很大。很多時候可能今天看到了好的話題,只是草草瞄了一下,想在有時間的時候深讀,卻在這個時候找不到文章的連結了。我就常犯這樣的毛病,為此我這兩年養成了一個習慣,在本地創建了一個本地Blog,其中有一個欄目就是收集每個月自己認為有意思的文章:

手把手教你如何系統學習CSS

#上面說的都是看和讀,僅此是不夠的,我們應該還需要多寫。

寫Demo,我自己常常會在Codepen上寫一些Demo,不管是驗證性的,還是創作性的,或者說是練習性的。我都喜歡在上面寫:

手把手教你如何系統學習CSS

Codepen上除了可以讓自己做練習之外,還可以看到很多Demo,從別人寫的Demo中學到一些新知識,新技巧。如果你還沒開始體驗的話,那麼這裡強烈建議你開啟在Codepen之旅。

除了寫Demo還是不夠的,我們還應該針對自己學的知識點做總結,其中寫博客就是很好的一種方式:

手把手教你如何系統學習CSS

我自己通常會先對問題分類:

  • 我懂的
  • 我似乎懂的
  • 我不懂的
  • 我感興趣的

針對這些都列出一些清單,那麼就可以有計劃的去看一些東西,學一些東西,寫一些東西。
到現在為止,應該是2020年最後一天了,回憶了一下,我自2010年創建W3cplus到現在,我堅持寫了十年的博客,差不寫了1561篇文章:

手把手教你如何系統學習CSS

當然,你可能會覺得有些是無用的,但就我自己而言都是有用的。除了有寫部落格的習慣之外,我有時還會對自己的一年,或一個階段做一些總結。

每個人和每個人都會有所不同的,都可能有適合自己的一套方法,我的學習方法可能比較笨,簡單地說就是多看、 多寫、 多問、 多總結等。

(本篇內容來源:阿里巴巴淘系技術 沙漠)

#

以上是手把手教你如何系統學習CSS的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:zhihu.com。如有侵權,請聯絡admin@php.cn刪除