前端布局心得小結

2022-03-17 02:58:03 字數 436 閱讀 3011

從事前端一年多了,更多的在弄一些布局,寫一些互動, 學一些後台,時至今日,我已經慢慢有了很多經驗了,接下來主要分享一下自己的布局心得。

布局這個事,其實很簡單,就是簡單的布局以及寫一些互動,當然互動的種類很多種,但是如何就布局來說,自己很快就能布局好一篇頁面呢??

我總結如下:

1、先把一小塊的架構搭起來,就是說把該寫的view或者div都寫上去,先不寫樣式

2、然後開始從小往大開始寫樣式,比如最小的,最小的框,同時,先不要重新整理看效果,因為此時你看也是亂七八糟的。

3、然後一直往大的框開始寫樣式,寫樣式有個思路就是根據自己的想象,這個框你需要什麼樣式,你就寫什麼樣式,等你寫的差不多了,然後再一重新整理你就會發現很多不一樣。

4、最後再慢慢除錯。

總的來說,一定要從小的地方,慢慢寫樣式,然後少重新整理,因為這樣可以節約時間。效率至上!!

end.

css 布局布局定位心得

1 區域性絕對定位。當我們在乙個預設定位方式的div內巢狀的div實用 絕對定位 absolute 的時候,它會脫離上乙個div的控制,要實現乙個巢狀div相對上乙個div的絕對定位,只需要給上乙個div的定位加上 相對定位 relative 屬性即可,一般不會影響父div的顯示效果。2 盡量使用 ...

專案小結心得

1看問題的角度,不能總以自己的思維去尋找答案,要多用專業名詞,有時候請教前輩會讓你換乙個思路去思考問題,適當的轉換思維往往離解決問題更進一步 2在敲 的過程中,要慢慢學會思考每一步的流程,必要的話可以使用思維導圖記下每乙個步驟,然後再寫 會讓你大腦思路變得清晰,並且更加專注。3在遇到不會的問題,學會...

css布局小結

把還能記起來的,記錄下,方便後續使用 如下是常見的情景 情景一 一行文字 內 夾雜了一些小的icon圖示,圖示在單行文字頭 尾的,方法 通用 當圖示在單行 內 時,偽類就不好用了,頭 尾用偽類還行或者使用padding left或padding right來使用背景,html 情景一 單行文字內部有...