為什么覺得前端的CSS很難?這應該是我剛開始想從事前端開發時遇到的問題,難就難在對標簽屬性掌握的不全,什么時候該用哪個標簽想不起來,我想你也應該是遇到跟我一樣的問題。
問題所在
“工欲善其事必先利其器”,如果你想寫出很好看的靜態頁面,這里不包括頁面的JS交互,就必須掌握頁面的CSS布局,然后對其DOM結構進行CSS編寫,從而讓它變得規整,好看起來,那么在這中間就需要大量的CSS標簽。
找到問題所在,就要對癥下藥(例如,你想要讓DIV中的幾個div均勻的分布在一行,并且隨著屏幕的寬度自動排版,不會出現div亂跑的結果,這時候你就要用到display:flexCSS屬性,如果想要各個瀏覽器都兼容,你就要針對不同的瀏覽器寫不同的CSS屬性,例如針對Google,就要寫display:-webkit-flex等等)。
所以說一定要對CSS的那些標簽屬性了如指掌,那樣下次你找到問題所在后,你就可以想到用什么CSS標簽,試想,你連那些CSS屬性代表什么含義都不知道,你如何去用它。
因此把那些CSS標簽好好過一遍,這樣以來,下次想寫什么布局,想實現什么的樣式,你就會想到該用什么CSS標簽。
學習方法
跟你說說我那時候學習CSS的方法,我再W3C菜鳥教程上把所有的CSS標簽都認真過了一遍,簡單的應用了一下,并沒有組合起來使用。
過了一遍后,我就還是挑選一個完整的頁面,寫的京東商城的頁面,仿照它的頁面寫了一下,全是靜態頁。按照它頁面的布局就開始寫,因為他已經有CSS樣式了,所以自己寫的時候,不會就看它寫的樣式,這樣一來又把所有的標簽過了一遍,還把所有的標簽整合起來使用了。
總之,熟能生巧,用的多了,自然就熟練了,那個地方改用什么標簽就知道了,還是練得少。
CSS只是前端路上的基石,最基礎的東西了,必須要掌握熟練,不然在前端路上很難走下去,如果連這也覺得難,那勸你還是放棄前端這條路吧。