學習前端css經驗分享

2021-09-02 03:37:49 字數 969 閱讀 7137

自己學習前端大概半個月了,零零散散,但相對與平時也是很不錯的一段學習時間。

在寫正式部落格之前,做一下推廣,我廠的前端工程師,開發工具現在都是這樣的sublime(webstorm)+clam+yo+glup,好,就這樣,具體作用,大家可以自行學習下,如有機會,下次會把自己的使用心得記錄下,下面進入正題。

好吧,原諒我再囉嗦下,學習css,個人感覺進入前端前期,css比js複雜,也許js更像一門程式語言一些,我這段時間的學習經驗是這樣的,首先去學習一些css的基本布局,和布局中經常使用到的一些特徵標籤的使用,真正的理解每個屬性原理,這很重要,感覺懂,不代表你懂,單個屬性,簡單網頁你思路很清晰,網頁複雜點,多個相關屬性配合使用,你就會理不出頭緒,一遍混亂,這說明你還沒真正的懂,標籤的使用不重要,理解常用的一些屬性原理才重要,比如前端工程師必須理解的,position定位,盒子模型,css負值使用,浮動處理等,這些我感覺是這段時間使用過程需要重度掌握的,其次還有些是經驗與技巧的積累,比如如何實現水平居中,垂直居中,分割線等等小技巧的東西,同時還包括如何一看到頁面腦子裡就有了整體的布局結構,如何用最好的html和簡潔的css實現頁面布局與效果,良好的html與css結構與編寫規範,這段路,我還要走一段時間,除此之外,熟悉一些html5與css高階特性的用法,在當前也是很重要的,這個可以放到學些了基本html與css2之後去學習,當然這個過程中你也接觸到css3與html5的一些高階特性,好了,上面是自己學習過程中的一些經歷,下面照例奉獻幾遍學習過程中經常查閱和閱讀的很好的一些博文。

上面的部落格都不錯,對於上面我講到的定位+盒子模型+負css+浮動都描述的很到位,關鍵還有demo輔以理解,感覺博主,同時還分享下自己學習過程的乙個學習經驗,也學習了很久,感覺很多東西自己理解了,但也不自信,如何檢驗一把,自己找幾個小清新或者不是那麼重的**,自己對比著也實現一把,看看別人如何編寫,自己又是如何處理,相信你肯定會有不少收穫,才發現原來是這樣實現的,檢驗真理的唯一標準就是去實戰,多多實戰,能幫你快速邁向乙個專業的前端。

css篇

前端經驗分享

前端無非就是物件導向程式設計 經驗累積 熟能生巧 到了一定的地步一看這個bug就知道那裡出問題,編寫的時候能夠預判 可能會出問題,經驗的累積則是解決問題,寫的多了,想的多了自然就胸有成竹了。以下是我的個人經驗 1 乙個好的使用者體驗沒乙個好的前端是弄不出來的,前端要注重使用者體驗。2 css js一...

前端經驗分享

前端無非就是物件導向程式設計 經驗累積 熟能生巧 到了一定的地步一看這個bug就知道那裡出問題,編寫的時候能夠預判 可能會出問題,經驗的累積則是解決問題,寫的多了,想的多了自然就胸有成竹了。以下是我的個人經驗 1 乙個好的使用者體驗沒乙個好的前端是弄不出來的,前端要注重使用者體驗。2 css js一...

CSS常用框架經驗分享

css常用框架經驗分享 css框架是一系列 css 檔案的集合體,包含了基本的元素重置,頁面排版 網格布局表單樣式 通用規則等 塊,用於簡化web前端開發的工作,提高工作效率。比如 yui,blueprint,bootstrap,elastic css 或許是因為這點現在好多人都用css 框架進行快...