如何高效自學(xué)CSS？
時間：2023-10-31 08:54:01 | 來源：網(wǎng)站運營
時間：2023-10-31 08:54:01 來源：網(wǎng)站運營
如何高效自學(xué)CSS？：回憶了下自己的經(jīng)歷，我提點簡單的建議吧
- 初期不要急著自己去設(shè)計頁面，直接仿站來讓自己獲得從0到1的能力。 我個人應(yīng)該主要是通過模仿WordPress模板入的門。當(dāng)然找的都是一些比較有新意的，結(jié)構(gòu)上稍有復(fù)雜度的，基本沒切過有高相似度的頁面，時間要花在刀刃上。當(dāng)時國外應(yīng)該有大量應(yīng)用了css3動畫以及響應(yīng)式設(shè)計等較新技術(shù)的頁面（2011年），也確實培養(yǎng)起了自己對CSS的興趣。
- 找份真實的工作來鞏固深入學(xué)習(xí)。相信我，放低姿態(tài)去找份真實的開發(fā)工作，比你自己業(yè)余去摸索要高效10倍。我個人畢業(yè)后進(jìn)入網(wǎng)易，經(jīng)過公司的內(nèi)部系統(tǒng)培訓(xùn)，理解了CSS模塊化的思想，才發(fā)現(xiàn)自己以前只能算是完成了一個頁面，而不算是做好了它。真實的產(chǎn)品開發(fā)才是自己的CSS能力真正落地的開始。
- 工作后應(yīng)繼續(xù)關(guān)注相關(guān)一些例如Codrops 等這類能帶來CSS使用靈感的網(wǎng)站，去思考為什么，而不是copy它的代碼去完成功能。頁面開發(fā)中有太多重復(fù)的工作，如果你一直用一個思路去解決問題，會有礙于經(jīng)驗和能力的積累，形成一個較低級舒適區(qū)的怪圈。平時也可以去codepen這類網(wǎng)站收集一些瑣碎的靈感，增加知識面
- 學(xué)習(xí)css過程中千萬不要剝離HTML學(xué)習(xí)。當(dāng)你什么時候理解了html的重要性（從頁面開發(fā)角度而言，它可以視為是后續(xù)良好css和js編碼得以實施的基礎(chǔ)，相當(dāng)于程序中的數(shù)據(jù)結(jié)構(gòu)，設(shè)計好了可以讓你事半功倍），你才可以稱得上是一個合格的頁面開發(fā)
- 對于新人，我建議除了幾個關(guān)鍵概念，如布局、盒模型、單位等等，都不應(yīng)該花大量去扣細(xì)節(jié)，甚至背書記憶，瀏覽性學(xué)習(xí)知道有這個東西就行，在實際應(yīng)用時再去加深記憶。
算拋磚引玉吧，好久沒有機會好好寫寫CSS了。雖然我一直認(rèn)為純粹的CSS頁面開發(fā)并不適合作為前端領(lǐng)域里深入發(fā)展的方向，但不可否認(rèn)，在學(xué)習(xí)玩耍css的過程中，帶給了自己很多樂趣。
在線咨詢